frontend▌

This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.

Generate complete, production-ready solutions for Dataverse SDK use cases with architecture guidance. \n \n Analyzes requirements across data volume, frequency, performance, and error tolerance to recommend appropriate patterns (transactional, batch, query, file management, scheduled, or real-time) \n Provides full Python implementation including authentication, singleton service classes, CRUD operations, bulk processing, and comprehensive error handling \n Includes data model design with table

The paradigm shift from screen-centric to relationship-centric design.

Load with: base.md + supabase.md + typescript.md

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.

$22

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

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

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