[开源]CCW V5.8 新增style-skill-memory 命令,实现claude code统一前端样式开发(GLM4.6完整测试,效果不错)

项目地址:

catlog22/Claude-Code-Workflow: JSON-driven multi-agent development framework with intelligent CLI orchestration (Gemini/Qwen/Codex), context-first architecture, and automated workflow execution

一. 最新版本新增两个核心命令:

  1. /workflow:ui-design:codify-style [path]

[path] 可以为文件路径也可以为模块路径。该命令将源代码风格,布局,动画,产出相应样式文件,最终在.workflow文件夹下产出reference-style-package。

  1. /memory:style-skill-memory [package name]

将前述命令产出的样式包,转为style-memory(skill)

  1. 构建完成后,通过语义调用

“使用[skill name] 构建登录页面”


二. 测试流程:

  • 测试模型:GLM 4.6
  • 模块:code (通过v0预先设计,简约蓝白风)
  • 目标:产出与目标模块风格一致的页面

1. 输入/workflow:ui-design:codify-style 【path】

codify-style 执行过程

开始执行:


完成执行:

产出文件:

其中preview为多组件对比页面:

preview

2. 输入/memory:style-skill-memory 【package name】

style-skill-memory 执行过程


最终在项目目录下产出skill技能包

3. 使用 style-skill

输入“用style-code-style-v1 创建独立登录界面”

开始执行:



产出登录页面

三. 效果对比:

两者风格基本一致!!

原模块风格(简约蓝白风):

使用memory生成的login界面:

codepen 页面
login

当前我摸索的前端实践:

使用V0 快速设计(真好用)->固化风格-> 通过claude code完善细节页面

版本其他新增命令(测试):
/workflow:lite-plan 替代claude code plan模式,可选cli执行策略(gemini/qwen/codex)
/memory:code-map-memory 将模块关键功能执行链路转为skill-memory

39 个赞

界面很漂亮啊,前排支持

4 个赞

感谢大佬!

1 个赞

@USB0011 更新了,是你想要的:smiling_face_with_sunglasses:

1 个赞

我看看怎么个事 :tieba_003:

1 个赞

厉害了,佬,请教一下, Workflow Session是类似新开一个对话窗口么?好多中转貌似都有窗口多开限制呢

1 个赞

感谢佬的分享,cc里能直接用么

1 个赞

不是,可以认为一个session,是一个规格文档,一次任务规划。看来有歧义:joy:

1 个赞

对的就是在cc中使用

1 个赞

能直接配置在claude.md里用不?感谢分享

1 个赞

这个是包含agent,命令,claude.md文档工作流,需要通过项目下安装指令进行安装下

1 个赞

等会儿试试效果

1 个赞

理解了,感谢。返回反馈一个问题:

使用脚本一键安装,这里没有任何报错,就完结了

1 个赞

这个可能是节点问题,与github连接不成功,推荐克隆项目,调用install-claude.sh命令

1 个赞

或者是不是没有装github cli

1 个赞

期待反馈

1 个赞

试了一下使用工作流开发,好像token用的挺狠 :joy:

1 个赞

:joy: 哈哈,应该是,用agent开发,需要确保上下文流转正确。

1 个赞

比较适合从0到1的开发流程,小问题找bug还是裸着比较方便 :+1:

1 个赞

里面设计的有从1-N开发过程,包括lite-plan和cli:mode:bug-index,以及gemini集成,都是为了找bug,可以通过语义调用gemini和qwen进行多文件分析,codex执行

1 个赞