Frontend Development Skill

Overview

This skill ensures Claude Code builds UI components and features using the approved frontend stack. It enforces library choices, component patterns, responsive design, accessibility, and theme support.

Core principle: Stick to the approved stack, follow established patterns, design first when appropriate, verify quality.

Announce at start: "I'm using the frontend skill to ensure I follow your established UI stack and patterns."

When to Use

Use this skill when:

• User requests UI component implementation (buttons, forms, cards, modals)
• User asks to build pages, screens, or dashboards
• User mentions "frontend," "UI," "interface," or "design"
• User requests animations or visual effects
• User asks about responsive design or theming