Frontend UI Functional

Overview

Provide a lightweight, repeatable workflow for functional React/Vite/Tailwind UI using structure, tokens, accessibility, and performance-ready patterns plus reusable snippets.

Project Overlay (Required)

If the repo contains docs/skills/frontend-ui-functional/project-overlay.md, read and apply it before starting. Project-specific rules override this skill.

When to Use

• Building new UI pages, templates, or component libraries in React/Vite/Tailwind.
• Standardizing layout, token usage, a11y/accessibility, and performance practices across UI.
• Shipping functional UI quickly without skipping baseline a11y/perf checks.

When Not to Use