CodexGuide

https://codexguide.ai/

面向全球初学者、创作者、开发者与团队的 Codex 实践指南。从第一次上手，到把 Codex 接入真实工作流。

里面内容还是挺多的，还不错，还有一些案例可以参考学习一下。

github：https://github.com/ConardLi/garden-skills

garden-skills 是一个由知名开发者 ConardLi 维护的开源 Agent Skills 集合，在 GitHub 上已获得超过 6,000 颗星 。它专门为 Claude Code、Cursor、Codex 等 AI 编程助手设计，旨在解决 AI 生成内容（尤其是前端界面）千篇一律、缺乏设计感的问题 。

核心模块

garden-skills 包含四个精心打磨的技能模块，可以独立或组合使用 ：

1. web-design-engineer (网页设计工程师)：核心模块。通过一套六步工作流（需求→上下文→设计系统→v0→完整构建→验证），将 AI 生成的网页从“能用”升级到“惊艳” 。它内置了** **25 种风格配方（如 Linear、Aesop、Pentagram 等），并有一份“反 AI 套路清单”，禁止使用紫色-粉色渐变、Inter 字体、emoji 图标等常见 AI 设计俗套 。
2. web-video-presentation (网页视频演示)：可将文章或脚本一键转换为可点击翻页的 16:9 网页演示，支持 23 种主题和 TTS 配音，方便录制演示视频 。
3. gpt-image-2 (图像生成)：一个专业的图像生成提示词引擎，支持** **三种运行模式（本地直出、委托宿主出图、纯提示词顾问），包含 18 大类、80+ 个结构化提示词模板，能智能适配不同使用环境 。
4. kb-retriever (本地知识库检索)：用于在本地知识库中进行精准问答，支持 Markdown、PDF、Excel 等格式。它采用渐进式读取策略，避免将整个文件塞入上下文，节省 Token 并提高效率 。

主要特点与优势

• 告别“AI 味”：通过预设的高级设计系统和反模式规则，直接生成具有专业“抛光感”的界面 。
• 工程化交付：每个技能都是包含逻辑定义、文档、脚本和资源的完整单元，便于团队标准化和长期维护 。
• 广泛兼容：支持 Claude Code、Cursor、Codex 等六大主流 AI 编程平台 。
• 一键安装：最推荐的方式是使用** **npx命令，可以安装全部技能或仅安装所需模块 。

适用场景

• 前端快速原型：需要频繁生成高质量 Demo 页面或落地页 。
• 图像生成工作流：需要批量生成配图或营销素材，希望有专业的提示词指导 。
• 私有知识库问答：有大量本地文档需要 AI 高效查询 。
• 团队技能标准化：希望将资深开发者的设计和工作流程固化为 AI 可复用的标准。

guthub：https://github.com/Leonxlnx/taste-skill

官网：https://www.tasteskill.dev/

taste-skill 是一个开源的前端设计技能集合，旨在为 AI 编码助手（如 Cursor、Claude Code、Codex 等）注入“审美大脑”，使其生成的前端代码摆脱千篇一律的模板化外观，具备更好的布局、排版、色彩和动效设计

多技能选择：taste-skill 包含 13 个不同的技能文件，你可以根据项目需求启用特定的技能。例如：

• taste-skill：核心设计技能，提供通用优质设计。
• redesign-skill：用于审计和升级现有项目。
• soft-skill：专注于柔和、昂贵的 UI 外观。
• minimalist-skill：受 Notion 和 Linear 启发的简洁编辑风格。
• output-skill：防止 AI 输出占位符或未完成的代码。

核心支持情况

1. Tailwind 优先：taste-skill 的代码示例和设计规则是** **Tailwind-first 的，默认假设你使用 Tailwind CSS v3 或 v4。
2. 默认样式方案：其官方说明明确指出，90% 的样式应使用 Tailwind CSS，并提供了完整的类名指导。
3. 版本锁定：技能文件会检查项目的** **package.json，确保 Tailwind 语法版本（v3/v4）与项目一致，避免混用错
5. 实践建议

• 新项目：强烈建议在 React/Next.js 等框架中配合 Tailwind CSS 使用，以获得最佳效果和最高效率。
• 现有项目：如果你已经在使用其他 CSS 方案，taste-skill 仍能提升设计质量，但可能需要更多的手动调整。

总之，taste-skill 是为 Tailwind CSS 量身定制的，这是发挥其全部威力的最佳方式。

https://github.com/ConardLi/garden-skills/blob/main/README.zh-CN.md