Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS. Use this skill when the us...
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states,...
プロジェクト プロジェクトの UI/ワイヤーフレーム承認ゲート。 SPEC 生成後、実装前に実行されて画面全体の UI ワイヤーフレームを生成し、 ユーザー承認を得てから実装段階に進む品質ゲート。 **v2.0 強化**: SVG ダイア...
Design component architecture for legaltech UIs - layer separation, data flow, design system selection
Generate cohesive UI audio themes with subtle, minimal sound effects for applications. This skill should be used when us...
Comprehensive UI component audit for Momentum CMS. Use when asked to audit, review, check, or validate a UI component. C...
AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility,...
UI and brand guidelines for GSD projects
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use...
Use Playwright MCP to check UI styles and usability. Automatically used for requests like "check UI", "verify appearance...
Build or extend an extensible UI self-check framework for Web UIs (React/Vite or plain HTML) using Playwright. Use when...
Pixel-perfect UI cloning from screenshots or reference pages. Use when users ask to replicate, clone, or recreate a UI f...
Audits and updates UI components across an app to ensure consistent theming using CSS custom properties and design syste...
Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component...
ReactコンポーネントとTailwind CSSスタイリングの実装パターン提供
Reusable UI component design and implementation methodology.Integrates design tokens, accessibility (a11y via W3C APG),...
Skill from CleanExpo/Unite-Hub
Generate design-compliant React components using shadcn/ui primitives and design tokens
Enforces project UI component conventions when creating or modifying React components, forms, dialogs, and other UI elem...
Create and style UI components with design tokens. Use when creating components, styling with Tailwind, deciding between...
React UI component specialist with Tailwind CSS and shadcn/ui for building responsive, accessible interfaces
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...
This skill should be used when users want to create new UIs, improve existing UIs, compare UI variations (A/B testing),...
Customize ChatKit layout, theme, and presentation for RAG textbook chatbot with proper styling and textbook theme integr...
Standardized protocol for describing UI/layout issues in screenshots. Helps Claude understand visual problems clearly on...
Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clea...
Analyze and improve UI density using Matt Ström's 4-dimensional framework. Use when interfaces feel too sparse, too clut...
Extract UI and content organization entities from narrative text. Use when analyzing player choices, flowcharts, handout...
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, ac...
UI/UX 设计智能，在设计页面时必须使用
Use when working on TRENCHWORK UI, Tauri app, trench-ui/, Canvas rendering, CRT display, control labels, layout, visual...
Enforces consistent UI within shadcn-svelte + TailwindCSS 4 design system. Use when building ANY app UI — pages, compone...
Create HTML UI mockups stored in ideas/[project]/docs/ui-designs/
Use this to design a nice UI in single html as inspiration & UI exploration.
Create beautiful, production-ready interfaces using Gemini with design system constraints
UI/UX and frontend design best practices guidelines (formerly frontend-design). This skill should be used when writing,...
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...
Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creat...
Senior design consultant with Jony Ive's philosophy. Reviews holistic product design for true simplicity, inevitability,...
基于若依-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...
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibili...
Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill...
Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rul...
Expert guidance for creating beautiful, accessible, and user-friendly interfaces.
Design critic that identifies generic "AI slop" patterns and pushes for creative, distinctive UI. Reviews every UI task...
React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), sh...
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive d...
Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide
Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design...
UIを「情報設計（優先度/構造）＋インタラクション（状態遷移）＋ビジュアル（トーン）」として設計し、実装可能な仕様へ落とす。見た目だけでなく、ルール化（コンポーネント/トークン）に寄せる。
Définit le design system, les composants UI et les guidelines visuelles. Utiliser après l'UX design ou quand le projet n...
UI/UX design skill for creating wireframes, interactive HTML mockups, design specifications, and component patterns usin...