Frontend & UI
design-taste-frontend
Reads the brief, picks a direction, ships non-templated interfaces.
What it is
An anti-slop frontend skill for landing pages, portfolios, and redesigns. It states a design read, sets variance, motion, and density dials, then runs a long pre-flight check.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Why it matters for design
- Enterprise briefs get the official design system package instead of hand-rolled lookalike CSS.
- The pre-flight bans em-dashes, section-numbering eyebrows, scroll cues, and duplicate CTA intent.
- Layout repetition is capped, so eight sections use at least four different families.
What it covers
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
How to install
design-taste-frontend
-
Clone the repo.
git clone https://github.com/Leonxlnx/taste-skill -
Point Codex at the skill file.
skills/taste-skill/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
The agent states a one-line design read before writing any code.
-
It sets three dials: design variance, motion intensity, and visual density.
-
Every pre-flight checkbox must pass, or the page is not finished.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗Next step
Design with Open Design, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with Open Design. Bring your own key, own your output.