frontend▌

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.

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.

Check dependencies BEFORE blaming code. Core principle 80% of persistent build failures are dependency resolution issues (CocoaPods, SPM, framework conflicts), not code bugs.

GPUI provides integrated async runtime for foreground UI updates and background computation.

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