使用taste skill,要先把完整技能安装到ai编程宿主,再明确调用它并提供业务、页面内容和素材。当前2.5版按业务类型规划页面,生成代码后运行浏览器、布局与性能检查,最后交付结果和待确认项。下面以claude code中的一个小型网站任务说明完整流程。
安装后明确调用技能
安装design-taste-frontend后,在Claude Code中确认它已被识别。独立技能可用/design-taste-frontend调用;插件安装时,使用/taste-skill:design-taste-frontend。
例如发送:“为烘焙店制作中文网站,使用HTML和CSS;内容包括产品、已确认价格、取货说明和预约入口,素材在我提供的文件夹中;缺少资料先问清楚。”同时提供实际资料与有效入口。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

让Agent按现行流程规划和构建
先确认业务类型、主要动作和栏目计划,再让Agent按当前技能选择布局、色板和字体,从配套资源开始构建。已有品牌规范、技术栈和功能需要保留时,提前写入任务。
检查首版的内容与结构后,再提出具体修改。不要把2.1教程中的旧脚本或其他风格技能混入当前流程,导致Agent采用不匹配的规则。

查看检查结果与交付报告
要求Agent运行consistency.mjs、assets/layout/check.mjs和perf.mjs,并检查shoot.mjs保存的实际页面画面。按报告修复问题;没有运行的项目要明确列出,不能写成通过。
最后核对链接、菜单、表单、中文文案和手机显示,确认素材来源、假设内容与部署步骤。需要登录、支付或真实提交数据的功能,应另设业务验收。


















