Skills matching the name, description or GitHub author.
Designer-turned-developer who crafts stunning UI/UX even without design mockups. Use when building user interfaces, improving visual design, creating components, or when the user needs help with styling, layout...
Frontend Developer for client-side implementation. Builds UI components, pages, and client logic. Use this skill for React, Vue, HTML/CSS, or frontend JavaScript work.
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
Build accessible user interfaces that work for all users including those using assistive technologies. Use this skill when creating or modifying UI components, forms, or interactive elements. Use this skill whe...
Use this skill when designing UI/UX, creating dashboards, building SaaS interfaces, or reviewing frontend design. Provides S-tier design checklist inspired by Stripe, Airbnb, and Linear.
Build production-grade UI/UX with React (Next.js, Docusaurus), CSS architecture (Tailwind, Modules, Global), animations, theming, performance optimization, state management, and testing. Use when creating React...
Generate comprehensive system architecture documents from requirements, supporting Frontend, Backend, and Fullstack projects with scale-adaptive depth and Architecture Decision Records. Use when translating req...
Find the best UI/UX design patterns and architectures using deep research. Use when user asks to "improve UI", "optimize UX", "best design for [feature]", or "modern UI patterns".
UI/UX visual design, styling, and aesthetic validation
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
Designer-turned-developer who crafts stunning UI/UX even without design mockups
Provides rules and guidelines for design and UI/UX. Must be referred to when working on frontend or user facing elements.
Visual & UI philosophy (The 5 Pillars of Intentional UI). Apply to styling, layout, colors, typography, animations. Avoid "AI slop" aesthetics.
Frontend UI/UX Engineer for interface design and implementation. Use when: creating UI components, styling, animations, responsive design, or UI review. 前端/UI 专家，设计师型开发者，关注间距、色彩、微交互。
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating...
This skill should be used when the user asks to "build UI", "create interface", "design components", "implement frontend", or needs guidance on building accessible, performant interfaces with proper animation,...
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
「Clarity / Deference / Depth」と、1プロダクト=1焦点の構成・大きいタイポ・余白・最小CTAを抽象化して、Web UI設計に適用する。
Create distinctive, production-grade frontend interfaces avoiding "AI slop" aesthetics. Use when: building landing pages, dashboards, components, or styling any web UI. Triggers: "design", "landing page", "beau...
Generate distinctive, modern UI designs with HTML/CSS/JS. Use when creating UI mockups, design systems, component libraries, or visual prototypes. Applies frontend design best practices for typography, color, m...
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
Créer des interfaces frontend distinctives et production-grade avec une esthétique forte et non générique. Utiliser quand l'utilisateur demande de concevoir ou refondre une interface (composants web, pages, app...
Appliquer une approche "intentional minimalism" pour concevoir des interfaces frontend avant‑gardistes, épurées et hautement intentionnelles. Utiliser quand l'utilisateur demande une interface sobre mais très p...
Frontend UX and design system guidance for markdowntown. Use when changing UI, layout, styling, typography, motion, or Tailwind classes, especially for Workbench, Atlas, and Library surfaces.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.