5,690 skills sorted by stars.
Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or ad...
Customize ChatKit layout, theme, and presentation for RAG textbook chatbot with proper styling and textbook theme integr...
Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clea...
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", "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...
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibili...
Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rul...
Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design...
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users prov...
Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.
Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth....
Creates production-ready UI immediately from any description. Generates complete pages, components, and realistic mock...
Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing...
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or ge...
Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validati...
This skill should be used when the user asks to "add client interactivity", "implement form validation", "add event hand...
This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patt...
Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffoldi...
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthet...
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing o...
Design token system using Style Dictionary with Tailwind CSS v4 integration.Centralizes design tokens in JSON format, ou...
Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography,...
Professional UI/UX audit methodology and design vocabulary. Use when: conducting UI/UX audits, evaluating visual hierarc...
"Standard Operating Procedure for design workflow. Phase 1: Variations (diverge), Phase 2: Functional (converge), Phase...
Analyzes existing project structure and design system, then provides contextually relevant UI/UX design options with vis...
Visual design skill for discovering brand aesthetics, building design systems, and generating production-ready assets. U...
Drive UI/UX audits and improvements with structured heuristics, user journeys, and validation gates.