AgentCraft

Development / Practical case

Agent 驱动开发

从需求到可运行项目的完整流程

CodexAstroProduct

Background

任务背景

个人站的多个栏目需要在有限时间内完成设计还原、数据结构、筛选搜索、详情页和响应式适配。

这次没有先写一份脱离视觉的方案,而是把参考图、现有代码和验收条件一起交给 Agent,按页面逐步收敛。

Process

实现过程

  1. 01

    先建立共享约束

    统一导航、字体、颜色、背景、动效与数据边界,避免四个页面各自生长。

  2. 02

    一页一个闭环

    每完成一个页面就构建、截图和检查,再进入下一页。

  3. 03

    用真实素材验收

    项目卡优先使用实际截图;没有真实素材时明确标注概念封面。

Prompt example

示例提示词

请严格参考提供的页面设计图完成实现。先核对现有设计系统与真实素材,再拆出公共组件、集中数据和页面功能。每完成一个页面就运行构建与真实浏览器截图验收,不要用编译通过代替视觉验收。