1作者: rashoodkhan大约 1 个月前原帖
AI生成的前端代码的问题在于,如果没有约束,每次生成的代码在间距、颜色和样式上都可能不同。第50个组件与第一个组件完全不同。 ui-stack是一个Claude Code技能——一组结构化的参考文件,Claude在构建用户界面时会读取这些文件。 它是为Next.js + Tailwind + Shadcn构建的,但其原则与框架无关。 有趣的是,“技能”方法与系统提示的区别在于,参考是模块化和基于文件的,因此你可以更新一个文件(例如,colors.md),这个更改会在所有地方传播。此外,还有一个基于浏览器的配置仪表板,可以在技能激活之前自定义品牌调色板和字体。 非常希望能收到反馈——尤其是来自那些尝试在大型Claude Code项目中强制执行设计一致性的人。