taste

Generated source view for the actual executable engineering/taste skill. The durable routing article is Frontend and Design Skills. Source: skills/engineering/taste/SKILL.md

Runtime Source

Bundled Resources

These files are part of the executable skill folder and must be preserved with the skill source.

Description

Use for taste and UI style direction: brand kits, minimalist, brutalist, soft, GPT-motion, Stitch-informed design, redesigns, image-to-code, output polish, and the taste skills playbook.

Skill Source

---
name: taste
description: >-
  Use for taste and UI style direction: brand kits, minimalist, brutalist, soft, GPT-motion,
  Stitch-informed design, redesigns, image-to-code, output polish, and the taste skills playbook.
origin: personal
source_slug: taste
merged_skill_router: true
---

# Taste

Use this as the single executable router for Taste work.

## Routing

- Route by desired visual mode: brand kit, minimalist, brutalist, soft, GPT, Stitch, redesign, image-to-code, or output polish.
- Keep product/UI rules active; load only the visual-mode reference the task calls for.

## Reference Loading

Load one folded reference at a time. Prefer the most specific reference that matches the user's named service, framework, command, or error. If no folded reference matches, use the router guidance here and verify with primary docs or local project state.

<!-- folded-skills:auto:start -->
## Folded Skill References

These former standalone skills are bundled here as references to keep the runtime list compact. Load only the reference that matches the user's exact product, framework, or failure mode.

| Former skill | Reference | Description |
| --- | --- | --- |
| `taste-brandkit` | [`references/skills/taste-brandkit/SKILL.md`](references/skills/taste-brandkit/SKILL.md) | Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts. Use when the user says "brand kit", "brand guidelines", "logo system", "identity deck", "visual world", "brand board", or wants to generate brand identity images. |
| `taste-brutalist` | [`references/skills/taste-brutalist/SKILL.md`](references/skills/taste-brutalist/SKILL.md) | Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints. Use when the user says "brutalist", "mechanical UI", "terminal aesthetic", "declassified", "industrial UI", "tactical", or wants raw, utilitarian interface design. |
| `taste-core` | [`references/skills/taste-core/SKILL.md`](references/skills/taste-core/SKILL.md) | Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Use when the user says "UI architecture", "metric-based rules", "component architecture", "override LLM defaults", or needs a baseline design-engineering skill with variance/motion/density dials. |
| `taste-gpt` | [`references/skills/taste-gpt/SKILL.md`](references/skills/taste-gpt/SKILL.md) | Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing. Use when the user says "GSAP ScrollTrigger", "editorial typography", "bento grid", "section spacing", "AIDA layout", "scroll pinning", or wants awwwards-level motion-rich landing pages. |
| `taste-image-to-code` | [`references/skills/taste-image-to-code/SKILL.md`](references/skills/taste-image-to-code/SKILL.md) | Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop. Use when the user says "image to code", "design to code", "screenshot to code", "implement from image", "match this design", or wants to generate a design image and then implement it as frontend code. |
| `taste-imagegen-mobile` | [`references/skills/taste-imagegen-mobile/SKILL.md`](references/skills/taste-imagegen-mobile/SKILL.md) | Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code. Use when the user says "mobile app mockup", "app screen concept", "mobile design image", "phone mockup", "app flow image", or wants to generate mobile app screen images without code. |
| `taste-imagegen-web` | [`references/skills/taste-imagegen-web/SKILL.md`](references/skills/taste-imagegen-web/SKILL.md) | Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate. Use when the user says "web design image", "section reference image", "landing page mockup image", "website comp", or wants to generate per-section website design reference images. |
| `taste-minimalist` | [`references/skills/taste-minimalist/SKILL.md`](references/skills/taste-minimalist/SKILL.md) | Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows. Use when the user says "minimalist", "editorial style", "warm monochrome", "clean flat", "document-style UI", or wants ultra-minimal workspace-style interfaces. |
| `taste-output` | [`references/skills/taste-output/SKILL.md`](references/skills/taste-output/SKILL.md) | Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output. Use when the user says "complete output", "no truncation", "full code generation", "unabridged", "don't skip anything", "output everything", or when a task requires exhaustive, unabridged generation. |
| `taste-redesign` | [`references/skills/taste-redesign/SKILL.md`](references/skills/taste-redesign/SKILL.md) | Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS. Use when the user says "redesign", "upgrade design", "improve existing UI", "make this look better", "fix generic design", or wants to elevate an existing project's visual quality. |
| `taste-skills-playbook` | [`references/skills/taste-skills-playbook/SKILL.md`](references/skills/taste-skills-playbook/SKILL.md) | Routing layer for the 13 taste-* design skills. Determines which visual-style skill fires for a given task and which workflow modifiers layer on top. Use when the user asks "which taste skill", "taste routing", "design skill selection", or when you need to decide between taste-soft, taste-minimalist, taste-brutalist, taste-gpt, or any other taste-* variant. |
| `taste-soft` | [`references/skills/taste-soft/SKILL.md`](references/skills/taste-soft/SKILL.md) | Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic. Use when the user says "premium feel", "high-end agency", "expensive feel", "luxury UI", "haptic depth", or wants $150k agency-level digital experiences. |
| `taste-stitch` | [`references/skills/taste-stitch/SKILL.md`](references/skills/taste-stitch/SKILL.md) | Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance. Use when the user says "Google Stitch", "DESIGN.md", "semantic design system", "Stitch screen generation", or wants to generate a design system file for Stitch's AI agent. |
<!-- folded-skills:auto:end -->
## Related Skills

- `find-skills` for upstream skill discovery before adding new children
- `skill-creator` for pruning or extending this router

---

Timeline

• 2026-07-15 | Generated a browseable source page from the actual executable skill file. Source: skills/engineering/taste/SKILL.md