gogh
一个为AI编程助手提供前端设计决策支持的Obsidian知识库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：gogh。 它的用途是：一个为AI编程助手提供前端设计决策支持的Obsidian知识库 完整的 Skill 内容见：https://321skill.com/skills/gogh/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“参考Gogh知识库中关于‘SERP Brutalism’风格的规则，为这个产品登录页设计一个具有冲击力的标题和按钮交互。” 它会结合知识库中关于宏观审美、字体配对、色彩对比度以及微交互（如按压状态）的指引，生成风格统一且细节考究的代码方案，而非通用模板。
介绍
Gogh 旨在解决开发者在利用AI编程助手（如Claude Code、Cursor）构建前端时，产出代码风格模板化、缺乏设计意图和品牌一致性的问题。它将六种前端设计技能整合为一个可引用的知识库，指导AI在宏观审美、微观交互、工具链、检索和审计等方面做出更优决策。
使用时，开发者需要将Gogh提供的Obsidian模板库导入自己的Obsidian笔记软件中，形成一个“设计大脑”。在进行前端开发时，通过引用或提示AI参考该知识库中的规则和案例，来引导AI生成更具设计感、更符合特定品牌或项目需求的代码。
它非常适合那些依赖AI助手进行前端开发，但希望产出结果摆脱“AI味”、更具专业性和独特性的开发者、独立黑客、设计工程师或小型团队。
需要注意的是，Gogh本身不是一个可直接运行的插件或命令行工具，而是一个需要集成到Obsidian中的知识体系。使用前需熟悉Obsidian的基本操作，并理解其通过提供结构化知识来间接影响AI输出的工作原理。
核心特点
与单一功能的设计提示词或代码规范工具不同，Gogh将六种互补的前端设计技能（审美提示、微交互执行、工具链强制、设计规则检索、代码审计）整合为一个有源可查、内部逻辑统一的决策体系，能提供“何时用哪种技能、如何组合及解决冲突”的堆栈建议。
注意事项
不适合不熟悉Obsidian或希望获得即插即用、自动化代码生成工具的用户。
常见问题
Gogh是一个可以直接在AI助手中运行的插件吗？
不是，它是一个需要导入Obsidian的知识库模板，通过提供结构化设计知识来间接指导AI助手。
使用Gogh需要付费吗？
Gogh项目本身是开源的（Apache 2.0协议），但部分集成的技能可能来自第三方社区。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/gogh/raw/index.md 读取 gogh 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/gogh/raw/index.md（查看排版版本）