你大D老师是瞎不是傻 | DeepSeek-V4-Flash GA 生成的咖啡馆宣传网站

[!warning] 代码部分全程由DeepSeek-V4-Flash GA编写，Gemini仅提供识图功能，GPT仅提供生图功能。

直接看效果

https://shanyu-cafe.netlify.app/

前置要求

- 一个可以看图的MCP（我接入的gemini-3.6-flash）

- 一个可以生图的MCP（我接入的gpt-image-2）

- 一部分skill（见代码块下方图片）

我的CLAUDE.MD文件```

联网搜索相关

优先使用原生的WebFetch 和 WebSearch。当你的原生 WebFetch 和 WebSearch 失败之后，可以尝试使用 EXA MCP 的进行代替。

视觉能力

你是一个没有视觉能力的模型，不要尝试去直接看图片，会报错。需要看图的时候，可以使用MCP中支持看图的MCP。

生图能力

你本身没有生图能力，但是可以使用MCP中存在的生图MCP去生成图片。

网站设计技能链

本仓库的网站类任务（landing / 宣传站）按以下顺序使用技能，详见 spec 的「实现流程」：

1. /brandkit 生成品牌素材（logo、品牌板、视觉世界）
2. /imagegen-frontend-web 生成每区块设计参考图（设计参考图 ≠ 网站内容图片，见 CONTEXT.md）
3. /image-to-code 结合视觉 MCP 分析参考图并忠实实现
4. /design-taste-frontend 仅取其设计规则与预检清单，不取其技术栈默认（本项目维持纯静态零依赖）
5. /web-design-guidelines 最终审查：拉取 Vercel Web Interface Guidelines 最新标准，按 file:line 检查 UI 代码合规性

Agent skills

Issue tracker

Issue 以 Markdown 文件存放在 .scratch/<feature>/ 下（本地 Markdown 跟踪器）。详见 docs/agents/issue-tracker.md。

Triage labels

五个规范 triage 标签，使用默认名称。详见 docs/agents/triage-labels.md。

Domain docs

Single-context 布局（根目录 CONTEXT.md + docs/adr/）。详见 docs/agents/domain.md。

- 安装matt pocock自己的skill部分 `npx skills@latest add mattpocock/skills` 不要全装了

- 然后装一部分taste-skill `npx skills add Leonxlnx/taste-skill` 选中的就是

![图片](https://cdn3.ldstatic.com/original/4X/f/7/6/f768f794b2466e3bccb03f384b247f96acbf68a3.png)

步骤

`grill-with-docs` 说要做一个咖啡馆页面，然后回答问题；完了之后 `to-spec` 弄成一份计划一样的文档，小任务不需要 `to-ticket` ；然后新开一个session `implement`。然后直接挂机等着就完了。

补充

选型的时候选了前端三件套 上别的依赖和框架估计效果更不错