frontend▌

Use this skill when:

Guide creation of distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. This skill covers the full lifecycle: detect what exists, plan the design, build with intention, and verify visually.

Transform customer insights into clear, detailed specifications that engineering can build from. Master user story writing, define acceptance criteria, and manage scope ruthlessly.

$22

GPUI's focus system enables keyboard navigation and focus management.

Create structured troubleshooting documentation that helps users and support teams quickly diagnose and resolve common issues.

Build well-organized Vue 3 applications using Composition API, proper file organization, and TypeScript for type safety and maintainability.

Transform Vue 3 apps with unstyled, logic-focused building blocks for design systems.

Implement UI from Sketch with high visual fidelity by querying live document data through Sketch MCP. Use run_code to inspect and export data, and get_selection_as_image as the visual source of truth.

Interaction design focuses on how users engage with systems, creating intuitive and delightful experiences through feedback and responsiveness.