Overview
产品概述
Capabilities
核心能力
反模板设计规则
通过 SKILL.md 文件为 AI 编码代理提供设计约束,阻止生成通用、无聊的前端,并在每次输出时强制执行规则,让界面在视觉上更出彩。
多风格技能文件
仓库附带多个 SKILL.md 文件,包括面向 GPT/Codex 的更严格变体、极简主义、粗野主义、柔和视觉风格、图片转代码、重设计审计等,可按需组合启用。
发布前自检与审计
v2 提供硬性 pre-flight 检查,重设计流程先审计现有站点再动手,确保输出完整、无占位符并保持品牌一致。
Use Cases
适用场景
-
01
从零构建新网站
可根据 brief 推断设计方向,生成包含至少 8 个板块的 Next.js 单页,并保持布局家族多样性和统一主题。
-
02
现有网站视觉重设计
先执行 Section 11 审计,声明保留或推倒模式,再实施改动并确保 URL、导航、表单字段等不静默变更。
-
03
图片优先的设计交接
使用 image-to-code 或 imagegen 技能先生成设计参考图,再交给 Cursor、Claude Code 或 Codex 实现前端。
Integrations
集成能力
Cursor
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
Claude Code
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
Codex
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
Gemini CLI
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
v0
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
Lovable
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
OpenCode
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。
AI Studio
兼容的 AI 编码代理,可自动读取 SKILL.md 文件。