agent

审查 UI 代码是否符合 Web Interface Guidelines 规范。当用户要求"review my UI"、"check accessibility"、"audit design"、"review UX" 或 "check my site…"时使用。

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

当用户想要规划、梳理或重构其网站的页面层级、导航、URL结构或内部链接时使用。当用户……时也可使用。

分析文章结构，识别需要视觉辅助的位置，通过“类型 × 风格 × 色板”的三维方法生成插图。适用于……

[已弃用：请使用 baoyu-image-cards] 生成小红书图片卡片系列，支持 12 种视觉风格、8 种布局和 3 种调色板。突破……

Relight a still image — change the lighting setup, color temperature, direction, or mood — on RunComfy via the `runcomfy` CLI. Routes to Qwen Edit 2509's dedicated `relight` LoRA endpoint for purpose-built relighting, with fallback to identity-preserving edit endpoints (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when prose lighting language is enough. Use for product relighting (studio softbox → window light), portrait mood shift (overcast → golden hour), or color-grade change. Triggers on "relight", "relighting", "change the lighting", "make it golden hour", "studio lighting", "rim light", "blue hour", "soft window light", "change light direction", "color temperature", or any explicit ask to alter how a still is lit.

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

掌握 Material Design 3 和 Jetpack Compose 模式，用于构建原生 Android 应用。适用于设计 Android 界面、实现 Compose UI，或……

构建并利用在线社区，以推动产品增长和品牌忠诚度。当用户希望创建社区策略、发展 Discord 或……时使用。

实现符合 WCAG 2.2 标准的界面，支持移动端无障碍访问、包容性设计模式以及辅助技术。在审计……时使用。

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface…

Python project organization, module architecture, and public API design. Use when setting up new projects, organizing modules, defining public interfaces with…

Create and manage production Grafana dashboards for real-time visualization of system and application metrics. Use when building monitoring dashboards,…

应用排版、色彩理论、间距系统和图标设计原则，以创建具有连贯性的视觉设计。在建立设计令牌、构建……时使用。

Build end-to-end MLOps pipelines from data preparation through model training, validation, and production deployment. Use when creating ML pipelines,…

面向 AI 智能体的可视化 UI 标注工具。将 React 工具栏嵌入任意应用——人类点击元素并留下反馈，智能体接收结构化 CSS…

Bulk data enrichment. Adds web-sourced fields (CEO names, funding, contact info) to lists of companies, people, or products. Use for enriching CSV files or…

Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages), superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' (extract reusable component), superdesign update-component --component-id <id> --html-file /tmp/navbar.html (update existing component), superdesign list-components --project-id <id> (list existing components). Supports line ranges: --context-file path:startLine:endLine

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions…