openai-frontend-design

1# Frontend App Builder
2 
3For interface copy and supporting text, read and apply the installed `writing-guidelines` skill.
4For rendered UI testing and debugging, use the installed `frontend-testing-debugging` skill.
5 
6Use 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.
7 
8## Core Standard
9 
10The two priorities of this skill outrank everything else:
11 
121. Create enough great-looking Image Gen design first: clean, airy, distinctive, complete, readable, section-specific when needed, and not repetitive by default.
132. Do not stop until the accepted design and browser implementation match 10/10. Keep fixing visual, interaction, responsive, asset, and typography mismatches until `view_image` comparison would pass agency sign-off.
14 
15## Hard Rules
16 
171. Use Image Gen for the visual concept unless the user explicitly opts out or the task is a small UI fix inside an existing design system.
18…