CCW V5.8 新增style-memory命令,统一前端开发样式
CCW V5.8版本中引入了两个新的核心命令:
/workflow:ui-design:codify-style [path]:这个命令用于将源代码的风格、布局和动画转化为相应的样式文件,最终在.workflow文件夹下生成reference-style-package。/memory:style-skill-memory [package name]:这个命令将上述命令生成的样式包转换为style-memory(skill)。
使用方法:
- 构建完成后,可以通过语义调用,例如输入“使用[skill name]构建登录页面”,来生成页面。
测试流程:
- 测试模型:GLM 4.6
- 模块:code(通过v0预先设计,简约蓝白风)
- 目标:产出与目标模块风格一致的页面
具体步骤:
- 输入
/workflow:ui-design:codify-style [path],执行codify-style命令,生成样式文件。 - 输入
/memory:style-skill-memory [package name],将样式包转换为style-memory(skill)。 - 使用
style-skill,输入指令如“用style-code-style-v1创建独立登录界面”,生成登录页面。
效果对比:
两者风格基本一致,原模块风格为简约蓝白风,使用memory生成的login界面风格也基本相同。
当前探索的前端实践:
- 使用V0快速设计,固化风格,通过claude code完善细节页面。
版本其他新增命令(测试):
/workflow:lite-plan替代claude code plan模式,可选cli执行策略(gemini/qwen/codex)。/memory:code-map-memory将模块关键功能执行链路转为skill-memory。
欢迎提出建议,尤其是在前后端开发过程中的常规步骤。
评论已关闭