Ui skills
Interface patterns, component structure, and front-end polish for product surfaces.
Ads
When to open Ui
Pick UI listings when the focus is screens, components, and interaction detail rather than brand or illustration work.
Current listings include superdesign-skill, Nothing Design, Frontend Design, and apple-design-skill, plus 16 more. Open a skill for the full body, flags, and install command.
What you get from a listing
UI skills work at screen and component level. The listing is for interaction detail, not brand illustration.
Skills in this category
Ui
apple-design-skill
Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.
Ui
DeepPaperNote
DeepPaperNote is an agent skill for deep-reading a single paper and generating high-quality Obsidian-style research notes. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Ui
fireworks-design
🎆 A Claude Code workflow that replicates ClaudeDesign — parallel design exploration, panel judging, synthesis, and adversarial refinement to a single world-class frontend page. 双语 README。
Ui
ill-communication
UX writing skill for Claude. Humanizes AI copy, fixes microcopy, kills em dashes. Writing, not fighting.
Ui
MindFluence
An AI prompt-skill that turns 20 cognitive biases into high-converting marketing copy. Includes playbooks for ads, landing pages, email sequences, social posts, webinars, and product launches. Language-agnostic. Works with any LLM.
Ui
seo-landing
SEO Landing: Give your AI coding agent the capabilities of a senior Technical SEO engineer. An agent skill for building high-performance, technically optimized SEO landing pages. Turn an AI coding agent into a technical SEO specialist. Build and improve landing pages with: • 🚀 100/100 Google PageSpeed target • ⚡ Core Web Vitals optimization
Ui
superdesign-skill
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
Design
Nothing Design
Generate UI in Nothing's monochrome, typographic, industrial design language - HTML/CSS, SwiftUI, or React/Tailwind
Design
Stitch Skills
Official Google Labs skill library for the Stitch MCP server - design generation, React/shadcn/Remotion conversion, and multi-page website loops
Ui
CC Switch
Cross-platform desktop app for managing Claude Code, Codex, Gemini CLI, OpenCode, and OpenClaw sessions
Design
Interface Design
Principle-based UI design system that stores design decisions and component patterns for consistent interfaces across sessions
Agents
Awesome Claude Agents
24+ orchestrated development agents including tech lead, code reviewer, and framework specialists for Laravel, Django, Rails, React, and Vue
Skills
Claude Code Showcase
6 reusable skills and 2 agents for React, GraphQL, testing, and debugging with hooks and GitHub Actions automation
Ui
Opcode
GUI desktop app for managing Claude Code sessions, custom agents, and background execution
Ui
Fullstack Dev Skills
65 specialized skills for full-stack development with multi-skill workflows, project management integration, and context-aware activation
Mobile
Apple HIG Designer
Design professional interfaces following Apple Human Interface Guidelines
Ui
Artifacts Builder
Build complex HTML artifacts with React, Tailwind, and shadcn/ui
Plugin
Claude HUD
Customizable status line display showing context, tokens, and session info
Ui
Frontend Design
Create distinctive, production-grade frontend interfaces with bold design choices
Devops
PinMe Deploy
Deploy your frontend in a single command with Claude Code skills support
Other skill groups
Related and neighboring groups you can open from Ui.
Prefer a flat search? Browse all skills. Role files in the same group: Ui agents.