Taste Skill - Online Frontend UI Skill
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
#设计#图像#产品
评分
需要更多评价
订单数
0
如何使用
在 Capafy 上运行
也可用于外部应用
创作者提供
Claude Sonnet 4.6
Taste Skill by Leonxlnx
Portable Agent Skills that upgrade AI-built interfaces: stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs. This repo also includes image-generation skills for reference boards (web, mobile, brand kits). Pair them with ChatGPT Images or similar generators, then hand the frames to Codex, Cursor, or Claude Code for implementation.
Skills
Each skill does one job; you do not need all of them at once. Implementation skills output code. Image-generation skills output reference images only.
The Install name column is the exact value you pass to --skill.
| Skill (folder) | Install name | Description |
|---|---|---|
| taste-skill | design-taste-frontend |
🆕 v2 (experimental) - substantial rewrite of the default skill. Reads the brief, infers the design language, tunes three dials (VARIANCE / MOTION / DENSITY). Brief inference, design-system map, hard em-dash ban, canonical GSAP code skeletons, redesign-audit protocol, strict pre-flight check. Actively iterating toward v2.0.0 stable. |
| taste-skill-v1 | design-taste-frontend-v1 |
The original v1 of taste-skill, preserved for projects depending on its exact behavior. Use only if the v2 default breaks something specific in your workflow. |
| gpt-tasteskill | gpt-taste |
Stricter variant for GPT/Codex: higher layout variance, stronger GSAP direction, aggressive anti-slop. |
| image-to-code-skill | image-to-code |
Image-first pipeline: generate site references, analyze them, then implement the frontend to match. |
| redesign-skill | redesign-existing-projects |
Existing projects: audit the UI first, then fix layout, spacing, hierarchy, styling. |
| soft-skill | high-end-visual-design |
Polished, calm, expensive UI with softer contrast, whitespace, premium fonts, spring motion. |
| output-skill | full-output-enforcement |
When the model ships half-finished work: full output, no placeholder comments. |
| minimalist-skill | minimalist-ui |
Editorial product UI (Notion/Linear vibes), restrained palette, crisp structure. |
| brutalist-skill | industrial-brutalist-ui |
Hard mechanical language: Swiss type, sharp contrast, experimental layout. |
| stitch-skill | stitch-design-taste |
Google Stitch-compatible rules, including optional DESIGN.md export format. |
Image generation skills
These produce design images only (no code). Use with ChatGPT Images, Codex image mode, or any agent that generates images.
| Skill (folder) | Install name | Description |
|---|---|---|
| imagegen-frontend-web | imagegen-frontend-web |
Website comps: hero, landing, multi-section with strong typography, spacing, anti-slop art direction. |
| imagegen-frontend-mobile | imagegen-frontend-mobile |
Mobile screens and flows: iOS/Android/cross-platform, mockups, readable type, coherent sets. |
| brandkit | brandkit |
Brand-kit boards: logo directions, palettes, type, identity applications across categories. |
Which one should I use?
- Start with taste-skill for the safest general default. (Now v2 experimental - see what changed in the CHANGELOG.)
- If you depend on the exact behavior of the original taste-skill, install taste-skill-v1 instead.
- Use gpt-taste when you want the stricter GPT/Codex-oriented rules and motion/layout enforcement.
- Use image-to-code-skill for image → analyze → code website workflows.
- Use redesign-skill to improve an existing codebase instead of greenfield styling.
- Add soft-skill, minimalist-skill, or brutalist-skill when the visual direction is already chosen.
- Add output-skill if the agent keeps truncating output.
- Use imagegen-frontend-web, imagegen-frontend-mobile, or brandkit when the deliverable is images (comps, flows, identity boards), then pass results to your coding agent.
外部 API
OpenAI
