frontend▌

Comprehensive skill for automating QuickBooks accounting and bookkeeping workflows.

Foundational design principles for creating products that are intuitive, discoverable, and understandable. The "bible of UX" — applicable to physical products, software, and any human-designed system.

所有操作返回 JSON 格式结果。

Automatically transforms vague requirements into actionable PRDs through systematic clarification with a 100-point scoring system.

Framework for tackling software complexity by modeling code around the business domain. Based on a fundamental truth: the greatest risk in software is not technical failure -- it is building a model that does not reflect how the business actually works.

Use this skill to manage build state, processing, and retention.

Design UI pages in Subframe with AI-generated variations, then implement with code. \n \n Create new pages or redesign existing UI with multiple design variations to explore options before committing to code \n Use design_page for new designs and edit_page for targeted changes to existing Subframe pages \n Generates production-ready React/Tailwind code that matches your design system; refine visually in the Subframe editor before implementation \n Update project theme globally with edit_theme to

Identify render hotspots, isolate expensive updates, and apply targeted optimizations without changing UI behavior.

Beautiful, accessible UIs combining shadcn/ui components, Tailwind CSS utilities, and canvas-based visual design. \n \n Pre-built accessible components via shadcn/ui (dialogs, forms, tables, navigation) with copy-paste distribution and full TypeScript support \n Utility-first Tailwind CSS styling with mobile-first responsive design, dark mode, and zero runtime overhead \n Comprehensive theming system using CSS variables for consistent design tokens across colors, spacing, and typography \n Canva

This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically.