全部能力

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile…

Generate comprehensive product requirements documents. Use when starting a new feature or product initiative and need structured documentation.

Use when working with Nuxt Studio, the self-hosted open-source CMS for Nuxt Content sites - provides visual editing, media management, Git-based publishing,…

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png…

Product Hunt launch optimization with specific specs, timing, and gallery strategy. Covers taglines, gallery images, maker comments, and launch day tactics.…

Provide expert guidance on Shopify e-commerce platform. Advises on store setup, products, customization, and optimization.

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

为浏览器游戏创建像素美术精灵、动画角色和视觉实体的游戏美术工程师。当游戏需要更优质的角色美术时使用，…

偏执型设计顾问 — Jobs 式产品直觉 + Rams 式功能纯粹主义。重新设计页面、审视 UI 方案、优化交互体验时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、"界面不好看"、"帮我看看设计"、"设计建议"、"/design-advisor"。 适用于：(1) 页面/组件重新设计 (2) UI/UX 方案评审 (3) 交互逻辑优化 (4) 视觉系统建立 (5) 设计决策咨询 (6) 参考真实网站设计系统。 核心能力：设计思维方法论（如何思考、如何决策、如何交付方案）+ 技术执行规范（色值、间距、动画参数、AI 反套路规则）+ 58 个真实网站的 DESIGN.md 设计系统参考库（Google Stitch 格式）。 额外触发词："参考XX的设计"、"像XX那样"、"XX风格"、"design system"、"DESIGN.md"、"给我一个设计系统"。

Build 2D browser games with Phaser 3 using scene-based architecture and centralized state. Use when creating a new 2D game, adding 2D game features, working with Phaser, or building sprite-based web games.

使用语义化 HTML、正确的 ARIA、焦点管理和屏幕阅读器支持构建符合 WCAG 2.1 AA 标准的网站。包含颜色对比度（文本 4.5:1）、键盘导航、表单标签和实时区域。在实现无障碍界面、修复屏幕阅读器问题、键盘导航或排查"焦点轮廓缺失"、"需要 aria-label"、"对比度不足"时使用。

测试和评估 LLM agent，包括行为测试、能力评估、可靠性指标和生产环境监控——即便是顶尖的 agent…

Diagnose design problems and guide architecture decisions for solo developers

Design clear, accessible data visualizations with appropriate chart selection and styling.

Strategic product leadership toolkit for Head of Product including OKR cascade generation, market analysis, vision setting, and team scaling. Use for strategic…

Create MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. The quality of an MCP server is…

Use when building fintech apps. Keywords: fintech, trading, decimal, currency, financial, money, transaction, ledger, payment, exchange rate, precision,…

Use when building IoT apps. Keywords: IoT, Internet of Things, sensor, MQTT, device, edge computing, telemetry, actuator, smart home, gateway, protocol, 物联网,…

This skill should be used when the user asks to "optimize prompts", "design prompt templates", "evaluate LLM outputs", "build agentic systems", "implement…

对 Webflow 页面运行全面的无障碍审核（WCAG 2.1）——检查按钮、表单、链接、焦点状态、标题、键盘导航，并生成…