Leonxlnx/taste-skill

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

解决的问题

本项目提供了一套专门的代理技能，旨在提高AI生成的Web前端质量。它解决了常见的“粗制滥造”问题（即平庸、缺乏灵感的落地页），通过引导编码代理应用精心的艺术指导、整合真实摄影作品并执行自动化视觉质量检查来提升产出。

工作原理

核心技能遵循一个结构化的六步流程：分析用户需求、从精选设计模式中选择艺术方向、生成创意概念、使用来自开放档案的真实素材构建页面、在多种宽度下进行浏览器测试，并迭代修复发现的视觉问题。

适用人群

适用于使用AI编码代理（如 Claude Code 或 Codex）并希望生成高质量、精美的营销网站、作品集或产品页面，而非通用样板代码的开发者和设计师。

亮点

  • 兼容主流AI编码代理，如 Claude Code 和 Codex。
  • 包含针对不同设计需求（如极简主义、粗野主义或高端视觉风格）的专业技能。
  • 自动化整合公共领域摄影作品并提供正确署名。
  • 具备自我修正循环，通过检查渲染截图来修复布局和设计错误。
  • 框架无关，支持 React、Vue、 Svelte 或纯 HTML。

相关

  • 项目
    oil-oil/draw-ui

    draw-ui 是一个 AI 驱动的技能，协助 LLM 代理根据文字简报或现有截图设计 UI，并可选择输出可直接使用的 HTML/CSS 或微信小程序代码。

  • 项目
    dzhng/skills

    一个可重用、可组合的 AI 代理“技能”（提示驱动的操作）库，用于构建自主软件工厂循环，可通过 npm 安装并与多种编码助手搭配使用。

  • 项目
    google-labs-code/stitch-skills

    为 Google Stitch 提供的一系列代理人技能与插件，使 AI 编码代理人能够自动化设计生成、设计系统管理以及将设计转换为前端代码。

  • 项目
    vercel-labs/skills

    一个 CLI，用于发现、安装、更新和运行可复用的提示包（“技能”），适用于多种 AI 编程助手（Claude Code、Cursor、OpenCode 等），可从任何 Git 仓库或直接 URL 拉取。

  • 项目
    dickwu/apple-design-skill

    Apple Design Skill 是一个 AI 代理插件，可让编码助手根据 Apple 的《人机界面指南》审查 UI 代码（Flutter、React Native、Tauri、Electron、SwiftUI 等）。它附带 123 份 HIG 的 Markdown 副本、一个用于刷新它们的 Node 脚本，以及一个技能定义，可生成结构化的审查（原则、可访问性、平台惯例、视觉设计、交互、内容），并附有引用和特定于框架的修复。可通过通用的 `npx skills add` CLI 安装，或克隆到代理的技能文件夹中。