← 返回全部 Skill
一套可移植的 Agent Skills(Claude 技能市场式一键安装),专治 AI 生成界面的"千篇一律"。为 Claude Code、Codex、Cursor 等代理注入更强的排版、布局、动效与留白审美,另附生成设计参考图与品牌套件的图像技能。
核心功能
- 提升 AI 界面审美
- 12+ 个前端设计技能
- 生成参考图与品牌套件
- 兼容 Claude/Codex/Cursor
安装方式
用 Agent Skills CLI 安装:
npx skills add https://github.com/Leonxlnx/taste-skill
只装单个技能:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
也可直接把某个 SKILL.md 复制进项目或粘贴到 ChatGPT/Codex 对话里。
使用说明
让 AI 代理调用对应技能来生成或重构前端界面:实现类如 design-taste-frontend、minimalist-ui、industrial-brutalist-ui、redesign-existing-projects;图像类如 imagegen-frontend-web、brandkit 先出设计参考图再交给代理实现。可在技能文件顶部用 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY(1-10)调节风格。
前置条件
需 Node.js 环境(支持 npx);配合 ChatGPT / Codex / Cursor / Claude Code 等代理使用;生成设计参考图可选 ChatGPT Images。适用于 React、Vue、Svelte 等框架。
相关 Skill