36,840 skills sorted by stars.
Use Playwright MCP to check UI styles and usability. Automatically used for requests like "check UI", "verify appearance...
Pixel-perfect UI cloning from screenshots or reference pages. Use when users ask to replicate, clone, or recreate a UI f...
ReactコンポーネントとTailwind CSSスタイリングの実装パターン提供
Enforces project UI component conventions when creating or modifying React components, forms, dialogs, and other UI elem...
Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or ad...
UI component library expert including Chakra, Material UI, and Mantine
Frontend/backend API contract definitions. Use for defining API endpoints, Pydantic to TypeScript mapping, schema valida...
Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clea...
Create HTML UI mockups stored in ideas/[project]/docs/ui-designs/
Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aest...
Creates UI/UX design patterns, components, and user experience guidelines
Evaluate design assets, analyze annotated wireframes, and create high-fidelity interactive mockups with Northcote Curio...
Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "desig...
UI/UX design guidelines focusing on what AI commonly overlooks or fails to verify. **CRITICAL**: Emphasizes concrete che...
基于若依-vue-plus框架的移动端（Uni-app + UView 2.0）UI设计与开发规范。提供完整的移动端界面设计标准，包括： - UView 2.0 组件库的正确使用方式 - 响应式布局系统与多端适配方案 - 主题色彩系统与样式...
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques f...
Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rul...
React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), sh...
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or ac...
Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth....
This skill integrates patterns from:
Embed the chatbot UI inside Docusaurus and connect it to the FastAPI RAG backend. Use when building chat components, han...
Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing...
UIコンポーネントを新規作成・編集する際に使用。Emotion styled/テーマトークン/Atomic Designのルールを確認。
This skill should be used when the user asks to "add server action", "implement Supabase query", "connect to backend", "...
This skill should be used when the user asks to "add client interactivity", "implement form validation", "add event hand...
UI layout optimization guide for Angular pages. Use when reviewing or creating page layouts, dashboard cards, info grids...
Integrate modern UI libraries and reusable components into the project.
This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patt...
SwiftUIを使ったiOSアプリのUI実装を支援するスキル。View +
Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffoldi...
Plaited UI patterns for templates, behavioral elements, and styling. Use when creating bElements or FunctionalTemplates,...
Enforce the "Premium" aesthetic and accessibility standards.
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards...
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigge...
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthet...
Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiratio...
Opinionated constraints for building better interfaces with agents.
UIスモークテストとE2E（Playwright）の実行手順を指示するスキル。画面/導線を変更したときに使う。
UI/UX設計に基づいた画面仕様書の作成を担当します。
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing o...
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS util...
Implements UI systems using Control nodes, themes, responsive layouts, and UI animations. Use when building menus, HUDs,...
UI/E2E testing specialist. Use for Playwright tests and browser-based verification of critical user journeys.
Browser automation skill for UI testing via Chrome MCP tools. Use when: (1) QA Agent needs to verify UI visually or test...
Design token system using Style Dictionary with Tailwind CSS v4 integration.Centralizes design tokens in JSON format, ou...
Theme generation with tweakcn for shadcn/ui and Magic UI animations. Use when setting up project themes, customizing col...