你大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`。

我的skill

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


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

步骤

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

补充

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