Wiki 知识库

全部文档 / 标签: 组件化

3 篇
清除

用AI做小程序:7步补齐设计规范

本文介绍了用AI开发小程序时如何补齐设计规范,解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解:确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈,以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑(规范与代码各改各的)的解决方法、维护流程和一段可直接使用的提示词,帮助AI持续按同一套规则产出页面。

技术 › 前端 Adrian Punk 2026-10-0911.8 KB 21.1K 95 82

AI 视频创作的新范式:Codex + Remotion

文章探讨了将视频制作转化为代码工程的“视频即代码”新范式。通过结合 Codex(负责编写和迭代代码)与 Remotion(负责 React 组件渲染视频),创作者可以实现视频的组件化、参数化和版本控制,解决高频生产中的可控性与复用难题。文章详细介绍了工作流、工具链选型、项目结构搭建以及避坑指南,强调了从单次生成向系统化生产转变的重要性。

技术 › Codex 知识猫图解 2026-07-0315.2 KB 25K 82

Prompt as Code:提示词小子的九阴真经

文章提出将提示词视为代码而非自然语言的理念,强调结构化、模块化和版本控制的重要性。通过对比散文式与结构化提示词的差异,展示了如何利用组件化思维、单变量调试法和工程化管理来提升AI图像生成的可控性与效率,旨在帮助创作者建立可复用、可迭代的Prompt体系。

技术 › LLM block0 2026-05-1510.2 KB 6.9K 45 87