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 add to the c...
Customize ChatKit layout, theme, and presentation for RAG textbook chatbot with proper styling and textbook theme integration.
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...
Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creating new UI...
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility conside...
Expert knowledge for interpreting Figma design tokens and generating iOS-native SwiftUI code. Includes token mapping rules, design...
Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design decisions...
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI scr...
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.Feature Sl...
Creates production-ready UI immediately from any description. Generates complete pages, components, and realistic mock data in FI...
Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing UI patter...
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating l...
Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and ada...
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...
Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffolding to ui-f...
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excelle...
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewin...
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...
Professional UI/UX audit methodology and design vocabulary. Use when: conducting UI/UX audits, evaluating visual hierarchy, analyz...
"Standard Operating Procedure for design workflow. Phase 1: Variations (diverge), Phase 2: Functional (converge), Phase 3: Polish...
Analyzes existing project structure and design system, then provides contextually relevant UI/UX design options with visual descri...
Visual design skill for discovering brand aesthetics, building design systems, and generating production-ready assets. Use when cr...
Drive UI/UX audits and improvements with structured heuristics, user journeys, and validation gates.