标签:#skills
(3 条)
很厉害的 skill:garden-skills
github:https://github.com/ConardLi/garden-skills
garden-skills 是一个由知名开发者 ConardLi 维护的开源 Agent Skills 集合,在 GitHub 上已获得超过 6,000 颗星 。它专门为 Claude Code、Cursor、Codex 等 AI 编程助手设计,旨在解决 AI 生成内容(尤其是前端界面)千篇一律、缺乏设计感的问题 。
核心模块
garden-skills 包含四个精心打磨的技能模块,可以独立或组合使用 :
- web-design-engineer (网页设计工程师):核心模块。通过一套六步工作流(需求→上下文→设计系统→v0→完整构建→验证),将 AI 生成的网页从“能用”升级到“惊艳” 。它内置了** **25 种风格配方(如 Linear、Aesop、Pentagram 等),并有一份“反 AI 套路清单”,禁止使用紫色-粉色渐变、Inter 字体、emoji 图标等常见 AI 设计俗套 。
- web-video-presentation (网页视频演示):可将文章或脚本一键转换为可点击翻页的 16:9 网页演示,支持 23 种主题和 TTS 配音,方便录制演示视频 。
- gpt-image-2 (图像生成):一个专业的图像生成提示词引擎,支持** **三种运行模式(本地直出、委托宿主出图、纯提示词顾问),包含 18 大类、80+ 个结构化提示词模板,能智能适配不同使用环境 。
- kb-retriever (本地知识库检索):用于在本地知识库中进行精准问答,支持 Markdown、PDF、Excel 等格式。它采用渐进式读取策略,避免将整个文件塞入上下文,节省 Token 并提高效率 。
主要特点与优势
- 告别“AI 味”:通过预设的高级设计系统和反模式规则,直接生成具有专业“抛光感”的界面 。
- 工程化交付:每个技能都是包含逻辑定义、文档、脚本和资源的完整单元,便于团队标准化和长期维护 。
- 广泛兼容:支持 Claude Code、Cursor、Codex 等六大主流 AI 编程平台 。
- 一键安装:最推荐的方式是使用** **
npx命令,可以安装全部技能或仅安装所需模块 。
适用场景
- 前端快速原型:需要频繁生成高质量 Demo 页面或落地页 。
- 图像生成工作流:需要批量生成配图或营销素材,希望有专业的提示词指导 。
- 私有知识库问答:有大量本地文档需要 AI 高效查询 。
- 团队技能标准化:希望将资深开发者的设计和工作流程固化为 AI 可复用的标准。
发现一个 skill:taste-skill
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 输出占位符或未完成的代码。
核心支持情况
- Tailwind 优先:taste-skill 的代码示例和设计规则是** **Tailwind-first 的,默认假设你使用 Tailwind CSS v3 或 v4。
- 默认样式方案:其官方说明明确指出,90% 的样式应使用 Tailwind CSS,并提供了完整的类名指导。
- 版本锁定:技能文件会检查项目的** **
package.json,确保 Tailwind 语法版本(v3/v4)与项目一致,避免混用错 - 实践建议
- 新项目:强烈建议在 React/Next.js 等框架中配合 Tailwind CSS 使用,以获得最佳效果和最高效率。
- 现有项目:如果你已经在使用其他 CSS 方案,taste-skill 仍能提升设计质量,但可能需要更多的手动调整。
总之,taste-skill 是为 Tailwind CSS 量身定制的,这是发挥其全部威力的最佳方式。
一个超牛逼的开源项目,让你的AI直接掌握各大网站的设计风格,例如 Apple、Claude、Stripe等等
https://github.com/VoltAgent/awesome-design-md