Wiki 知识库

全部文档 / 标签: 设计系统

33 篇
清除

用 HTML/CSS 和 Claude Code 替代 Google Slides 制作演示文稿

作者分享了如何使用 Claude Code、HTML/CSS 和 git 完全替代 Google Slides 来构建融资演示文稿。通过开源项目 Stella Decks,他将幻灯片转化为代码,利用 LLM 的编程和写作能力,实现了分钟级的迭代周期。文章详细介绍了通过对话建立设计系统、基于 Brief 生成幻灯片、叙事审查以及通过 manifest 管理幻灯片顺序的工作流。

技术 › Claude Code Ryan Sarver 2026-04-1520.9 KB 88.7K 190 82

装了这个 Skill 之后,Claude Code 写出来的前端页面终于不像程序员审美了

文章介绍了一个名为 UI UX Pro Max 的项目,它通过为 AI 编程助手内置包含 161 条行业规则、67 种风格和 161 套配色的大型设计推理引擎,解决了 AI 写前端代码“功能强但审美差”的痛点。安装该 Skill 后,AI 能根据产品类型自动匹配专业的设计系统、风格、字体及色彩方案,并自动进行反模式检查,支持 React、Vue、SwiftUI 等 13 种技术栈。

技术 › 工具与效率 sitin 2026-04-016.7 KB 125.4K 395 90

无需设计的设计:工程师如何用 Agent 框架搞定 UI/UX

文章分享了作者作为一名工程师,利用三层代理框架实现端到端设计交付的实践。第一层通过 Impeccable 等技能注入专业审美,第二层使用 Paper 或 Pencil 等画布工具构建可代码化的界面,第三层利用 Variant 和 Mobbin 提升设计品味。作者展示了如何在不成为专业设计师的情况下,通过工具链组合突破技能瓶颈,实现每周发布高质量作品。

技术 › Agent Neethan Wu 2026-03-228.3 KB 693.2K 1.5K 89