Communitygithub.com

nlook-service/design-from-code

从真实源代码设计UI变更——验证数据、迭代生成忠实HTML原型,然后委派执行。由nlook.me提供的Claude Code插件和Codex技能。

design-from-code 是什么?

该技能允许用户直接从现有源代码出发设计UI变更,避免了猜测和手动后端的繁琐过程。它首先扫描并验证项目中的实际数据源和组件结构,确保设计决策基于真实状态。然后,用户可以通过自然语言描述所需的UI调整,该技能会生成高度匹配的HTML原型,这些原型在视觉和结构上忠实于原始代码。最后,它支持将设计好的原型以委托的形式交给AI助手(如Claude Code或Codex)来实施为实际的代码修改。这个流程显著缩短了从设计想法到生产代码的反馈循环,特别适合需要快速迭代UI的开发团队和前端工程师。它支持Claude Code和Codex平台,由nlook.me开发。

兼容平台✓Claude Code✓Codex CLI~Cursor
npx skills add nlook-service/design-from-code

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

design-from-code 是做什么的?

从真实源代码设计UI变更——验证数据、迭代生成忠实HTML原型,然后委派执行。由nlook.me提供的Claude Code插件和Codex技能。

相关技能