frontend▌

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.

A practical framework for managing the fundamental challenge of software engineering: complexity. Apply these principles when designing modules, reviewing APIs, refactoring code, or advising on architecture decisions. The central thesis is that complexity is the root cause of most software problems, and managing it requires deliberate, strategic thinking at every level of design.

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.

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

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

VueUse composable patterns, SSR compatibility, and TypeScript integration best practices. \n \n Covers SSR-specific gotchas and patterns for safely using VueUse composables in server-rendered environments \n Addresses common issues with element ref handling and type inference when working with VueUse APIs \n Provides efficiency rules to help debug and resolve VueUse integration problems consistently \n

Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.