提示词
构建出这个网站的确切提示词架构
我没有让 kimi k2「做一个网站」
我给了它一份完整的创意简报:
→ 美学方向(编辑时尚 / 极简奢华)
→ 精确的配色方案,附十六进制色值
→ 字体搭配(cormorant garamond + inter)
→ 组件清单,附交互规格
→ 每个元素的 gsap 动画行为
→ 文件结构
kimi 返回了一份完整的技术蓝图
然后 claude 把这份蓝图变成了干净的生产级代码
两个 AI。一套提示词系统。零 Figma。
结果是:电影感预加载器、磁性按钮、lenis 平滑滚动、视差图片、带混合模式的自定义光标
这就是我现在用于每个客户项目的工作流原文提示词(English)
the exact prompt architecture that built this site
i didn't ask kimi k2 to "make a website"
i gave it a full creative brief:
→ aesthetic direction (editorial fashion / minimalist luxury)
→ exact color palette with hex codes
→ typography pairing (cormorant garamond + inter)
→ component list with interaction specs
→ gsap animation behavior per element
→ file structure
kimi returned a complete technical blueprint
then claude turned that blueprint into clean production code
two AIs. one prompt system. zero figma.
the result: cinematic preloader, magnetic buttons, lenis smooth scroll, parallax images, custom cursor with blend modes
this is the workflow i use for every client project now建议模型
Kimi K2 / GPT-5.6 Sol
视频地址
https://media.goodcase.ai/media/video/kimi-k2-creative-brief-3df0c3db058b.mp4