Agent skill · design visual · nexu-io

frontend-skill

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

Why this skill is useful

Codifies design principles for creating visually strong landing pages and UIs, which the AI could infer but now has clear guidelines.

What it needs

About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.

What this skill does

frontend-skill Curated from OpenAI's skills repository. What it does Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook. Source Upstream: https://github.com/openai/skills Category: design-systems How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: Then ask the agent to invoke this skill by name (frontend-skill) or with one of the trigger phrases listed in this skill's frontmatter.

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills nexu-io/frontend-skill

View the source on GitHub

Browse the @skills marketplace