Wiki 知识库

全部文档 / 标签: Tailwind CSS

3 篇
清除

Codex 终于有自己的 UIUX 设计外挂了

文章介绍了 Codex 的 UI/UX 设计增强工具 UI UX Pro Max,包含 192 条行业设计规则、79 种 UI 风格、192 套配色方案、74 种字体组合,并支持 React、Next.js、Vue、Flutter 等 22 种技术栈。作者演示了如何通过一段提示词在 Codex 中安装配置该 Skill,并用其生成高端 AI SaaS 官网,解决了以往 AI 生成页面廉价感强、配色布局千篇一律的问题。评论区也讨论了 Skill 作为能力封装新形态的意义与实际效果。

技术 › Skill govin.eth | G哥 (@goan999999) 2026-10-243.4 KB 61

设计师指南:如何通过 Vibe Coding 快速构建精美的初创公司落地页

本文由设计师 clear 分享了如何利用 AI (Vibe Coding) 在 4-6 小时内构建高质量初创公司落地页的完整工作流。文章详细介绍了技术栈的选择(Cursor、Claude Code、Tailwind CSS、Framer Motion 等),并重点强调了分步构建的策略:从结构搭建、设计系统应用到内容填充,再到最后的细节打磨和移动端适配。作者指出,具体的提示词、参照现实设计案例以及保持视觉一致性是区分“Vibe Code”成品与垃圾代码的关键。

技术 › 工具与效率 clear 2026-05-065.3 KB 9.1K 77 86

DESIGN.md:网页设计的极致工作流升级

文章介绍了一种通过创建 DESIGN.md 文件来规范 AI 辅助网页设计工作流的方法。作者指出,直接使用 AI 生成不同页面(如定价页、着陆页)时,往往会导致风格不统一。解决方法是将字体、配色、动画时间轴、布局规则等提取到 DESIGN.md 中,并将其作为上下文提供给 Claude Design。这样生成的所有页面都能保持一致的视觉风格(如 Liquid Glass 风格),从而实现从“逐个提示”到“系统化构建整个站点”的效率飞跃。

技术 › 前端 Viktor Oddy 2026-04-2812.6 KB 30.9K 319 77