ing

审查并调整 UI，使其符合设计系统标准、间距、设计变量和模式。当用户提到一致性、设计偏移、不匹配……时使用。

使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。

使用此技能可生成或审查设计系统，检查视觉一致性，并审查涉及样式修改的 PR。

初始化生产力系统并打开仪表盘。在首次设置插件、从现有内容引导工作记忆时使用……

使用结构化方法设计可扩展的分布式系统，涵盖负载均衡、缓存、数据库扩展和消息队列。当用户提及…时使用。

实施创业运营体系（EOS），实现公司愿景与执行的统一。当用户提及"EOS"、"V/TO"、"季度..."时使用。

全面个人财务管理系统，用于分析交易数据、生成洞察、创建可视化图表并提供可操作的……

How to build your app's layout using Flutter's layout widgets and constraint system

How to customize your app's theme using Flutter's theming system

Expert knowledge of Godot's UI system including Control nodes, themes, styling, responsive layouts, and common UI patterns for menus, HUDs, inventories, and…

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".

Create detailed technical specifications, requirements documents, design documents, and system architecture specs. Use when writing technical specs, requirements docs, or design documents.

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

Comprehensive design system guidelines for building consistent, accessible, and scalable digital products

Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize…

Use when user mentions fantasy, magic system, or world-building for fantastical settings - provides fantasy genre conventions, magic system design patterns,…

Linux system administration and monitoring

Apply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions.…

Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility compliance, responsive design patterns,…