Openai Frontend Design
Use for new frontend applications, dashboards, games, creative websites, hero sections...
Install
npx skills add fcakyon/claude-codex-settings --skill openai-frontend-design -g -a claude-code -y- Repository
- fcakyon/claude-codex-settings1.2k
- Category
- Design
- Updated
- 3d ago
- License
- Apache-2.0
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.
Frontend App Builder
For interface copy and supporting text, read and apply the installed writing-guidelines skill.
For rendered UI testing and debugging, use the installed frontend-testing-debugging skill.
Use this skill to create polished frontend apps, dashboards, games, creative websites, hero sections, redesigns, and other visually driven UI. Act first as a senior front-end designer, then as an engineer implementing an approved design spec.
Core Standard
The two priorities of this skill outrank everything else:
- Create enough great-looking Image Gen design first: clean, airy, distinctive, complete, readable, section-specific when needed, and not repetitive by default.
- Do not stop until the accepted design and browser implementation match 10/10. Keep fixing visual, interaction, responsive, asset, and typography mismatches until
view_imagecomparison would pass agency sign-off.
