20,421 skills sorted by stars.
Pixel-perfect UI cloning from screenshots or reference pages. Use when users ask to replicate, clone, or recreate a UI from an ima...
Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or add to the c...
Frontend/backend API contract definitions. Use for defining API endpoints, Pydantic to TypeScript mapping, schema validation, erro...
Standardized protocol for describing UI/layout issues in screenshots. Helps Claude understand visual problems clearly on first loo...
Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clean design....
Creates UI/UX design patterns, components, and user experience guidelines
Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "design system",...
UI/UX design guidelines focusing on what AI commonly overlooks or fails to verify. **CRITICAL**: Emphasizes concrete checklists, m...
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refact...
Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users...
Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rules, design...
Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth.Feature Sl...
This skill integrates patterns from:
Embed the chatbot UI inside Docusaurus and connect it to the FastAPI RAG backend. Use when building chat components, handling stre...
Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing UI patter...
This skill should be used when the user asks to "add server action", "implement Supabase query", "connect to backend", "add databa...
This skill should be used when the user asks to "add client interactivity", "implement form validation", "add event handlers", "us...
This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patterns. Appl...
Mobile UI patterns - React Native, iOS/Android, touch targets
SwiftUIを使ったiOSアプリのUI実装を支援するスキル。View +
Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffolding to ui-f...
Enforce the "Premium" aesthetic and accessibility standards.
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excelle...
Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiration from rea...
Opinionated, evolving constraints to guide agents when building interfaces
UIスモークテストとE2E（Playwright）の実行手順を指示するスキル。画面/導線を変更したときに使う。
UI/UX設計に基づいた画面仕様書の作成を担当します。
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewin...
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first...
Browser automation skill for UI testing via Chrome MCP tools. Use when: (1) QA Agent needs to verify UI visually or test interacti...
Design token system using Style Dictionary with Tailwind CSS v4 integration.Centralizes design tokens in JSON format, outputs CSS...
Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography, voice line...
Implements UI/UX systems including responsive design, animations, input handling, HUD elements, and menu systems. Use when buildin...
Analyzes existing project structure and design system, then provides contextually relevant UI/UX design options with visual descri...
Web UI - glassmorphism, Tailwind, dark mode, accessibility
This skill should be used when the user asks to "create a wireframe", "design a layout", "plan UI structure", "sketch component la...
Master UIKit - Views, controllers, navigation, Auto Layout, animations
Run a single-shot visual comparison between a Figma design node and an implementation URL (local app, Storybook iframe, or deploye...
Run a batch of visual comparisons defined in a uiMatch suite JSON file using @uimatch/cli, then read each report to summarize whic...
Compare two pieces of text using the uiMatch CLI text-diff command and classify how similar they are (exact match, whitespace/case...
UI/UX - design system, accessibility. Use when building interfaces.
유저스토리를 기반으로 사용자 인터페이스와 경험을 디자인할 때 상세한 UI/UX 디자인 명세를 작성합니다.
Capture Unity EditorWindow and save as PNG image. Use when you need to: (1) Take a screenshot of Game View, Scene View, Console, I...
Get Unity project information via uloop CLI. Use when you need to: (1) Check Unity Editor version, (2) Get project settings and pl...
Returns the Unity version. Use this tool to check Unity environment information.
Get Unity and project information via uloop CLI. Use when you need to verify Unity version, check project settings (ProductName, C...
Returns a simple 'Hello World' message. Use this tool for testing MCP connection.
Elite multi-agent research orchestration utilizing ref MCP, exa MCP, brave-search MCP, and context7 with parallel execution of dee...