全部能力

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

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

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件，以强制执行高品质、反同质化的 UI 标准——严格的排版，…

将模糊的 UI 创意转化为精炼且针对 Stitch 优化的提示词。增强具体性，添加 UI/UX 关键词，注入设计系统上下文，并结构化……

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……

改进布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提到布局感觉……时使用。

Stitch 设计工作的统一入口。负责处理提示词增强（UI/UX 关键词、氛围）、设计系统综合（.stitch/DESIGN.md），以及…

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

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……

[已弃用：请使用 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。

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……