Frontend skill

An opinionated Codex skill for building product-specific interfaces without the usual AI design tells.

It pushes agents to:

• read the product and workflow before choosing a visual direction
• use real assets when CSS decoration would be weaker
• keep copy sparse and functional
• avoid generic card grids, fake screenshots, neon glows, and filler UI
• verify the user-facing route at desktop and mobile sizes

The skill includes focused references for asset integration, image-first design, shaders, visual taste, and frontend verification.

Install

Codex:

git clone https://github.com/adamholter/frontend-skill.git ~/.codex/skills/frontend

Claude Code:

git clone https://github.com/adamholter/frontend-skill.git ~/.claude/skills/frontend

If that folder already exists, move or remove it first.

Files

• SKILL.md: core frontend workflow and design rules
• agents/openai.yaml: Codex display metadata
• references/asset-integration.md: production asset integration
• references/image-first.md: reference-image-led design workflow
• references/shaders.md: when and how to use generative rendering
• references/taste.md: opinionated visual defaults
• references/verification.md: browser and screenshot QA

Notes

This is an opinionated frontend skill. Adapt its defaults when the product or user calls for another direction.

License

MIT