Stacks Documentation
SkillsChangelog
TeamSponsorsPartnersPostcardwareAwesome StacksContributing

Design taste (Codex)

Copy page
Copy page as Markdown for LLMs
View as Markdown
View this page as plain text
Open in ChatGPT
Copy content and open ChatGPT
Open in Claude
Copy content and open Claude
Open in Perplexity
Search with Perplexity AI
On this page 4

stacks-design-taste-codex · Design · model-invoked

The stricter variant of Design taste, tuned for award-level work and for the OpenAI Codex CLI as well as Claude Code. Higher layout variance, deterministic scroll-driven motion, strict AIDA structure, wide editorial typography and gapless bento grids.

When to reach for it

  • Award-level landing pages
  • Portfolios
  • Heroes
  • Marketing sections that demand high layout variance
  • Deterministic scroll-driven motion
  • Strict AIDA structure
  • Wide editorial typography
  • Gapless bento grids. Ships stx + Crosswind + composables
  • Tuned for the OpenAI Codex CLI as well as Claude Code

Inside the skill

The sections an agent reads once the skill loads.

    1. CORE DIRECTIVE: BREAK THE STATISTICAL DEFAULTS
    1. DIALS (Codex clamp)
    1. DETERMINISTIC LAYOUT VARIANCE (BREAKING THE LOOP)
    1. AIDA STRUCTURE AND SPACING (strict)
    1. THE GAPLESS BENTO GRID (strict)
    1. SCROLL-DRIVEN MOTION AND HOVER PHYSICS (deterministic, no library)
    1. COMPONENT ARSENAL AND CREATIVITY
    1. CONTENT, ASSETS AND STRICT BANS
    1. MANDATORY PRE-FLIGHT <design_plan> (binding gate)
    1. FINAL PRE-FLIGHT CHECK

Using it

This one is model-invoked. Your agent reaches for it on its own when the task matches, and you can also call it by name:

/stacks-design-taste-codex

Source: stacks-design-taste-codex/SKILL.md. Shadow it for one project with app/Skills/stacks-design-taste-codex/SKILL.md, then re-run buddy setup:ai. See Writing your own.