Codex native
OK
👍 0 · Vote
taste-skill (design-taste-frontend)
taste-skill v2: art direction for websites and app screens. A script deals three researched directions from a library of 247 studied sites, the agent builds the page from the chosen one, then checks it in a real browser with a bundled inspector. Instructions plus Node scripts; needs Node 22+, Chrome, and network for found pictures.
- Source
- Leonxlnx/taste-skill
- Path
skills/taste-skill· SKILL.md- Pinned commit
12af471f62- License
- MIT
Each prompt shows a fixed 2×2: Codex native, Codex + skill, Claude Code native, Claude Code + skill. Click a screenshot to see the full page. Install and use ↓
Strengths
What the skill's own documentation says it is good at, with a link to where it says so. These are claims, not results: compare them with the pages below.
- Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day) source
- Makes coding agents design websites and app screens instead of assembling the average landing page source
- Gives the agent an art direction, real pictures and a way to check its own work in a real browser source
- The idea comes from the subject, and the agent reviews its own screenshots and revises source
Test scope: SaaS landing page, Data dashboard, Personal blog and portfolio. Prompts outside this list are marked “Out of scope”, not pending.
Decided from the skill text before the batch-2 runs.
SaaS landing page
landing-saas
Data dashboard
dashboard
Personal blog and portfolio
blog-portfolio
Install and use
Project-level install: copy the skill folder (the one that contains SKILL.md) into your project at the pinned commit. The gallery runs installed it the same way.
Claude Code
Install
Copy the folder to <project>/.claude/skills/design-taste-frontend/.
git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .claude/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .claude/skills/design-taste-frontendUse
# interactive
/design-taste-frontend <your task>
# or end any request with
Use the design-taste-frontend skill.
# headless, as in the gallery runs
claude -p '<your task> Use the design-taste-frontend skill.'To make it available in every project, put the folder in ~/.claude/skills/design-taste-frontend/ instead. Claude Code can also load the skill by itself when a request matches the skill's description.
Codex
Install
Copy the folder to <project>/.agents/skills/design-taste-frontend/.
git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .agents/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .agents/skills/design-taste-frontendUse
# interactive: mention it, or pick it from /skills
$design-taste-frontend <your task>
# headless, as in the gallery runs
codex exec -s workspace-write '<your task> Use the $design-taste-frontend skill.'To make it available in every project, put the folder in ~/.agents/skills/design-taste-frontend/ instead. Codex can also pick the skill by itself, based on its description.
Notes
- The upstream folder name (taste-skill) differs from the skill name (design-taste-frontend); the gallery installs it under the skill name.
- Writes working files to .taste-skill/ and may save pictures and scripts next to index.html; the run scripts keep the files index.html references (output.kept_assets) and flag them as extra_files.
- Codex cells have no network, so the picture search step cannot run there.
- Its two signature strengths, real pictures and scroll scenes with a motion layer, are limited by the shared prompt rules (no remote images) and invisible in static screenshots; each cell also has a scroll recording.
- Upstream released v2.0.0 to v2.1.5 within 12 days; always use the pinned commit.
Metadata: skills/design-taste-frontend/meta.yaml · Copyright (c) 2026 Leonxlnx