Frontend Skill
- 2k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
frontend-skill is an agent skill for |
About
The frontend-skill skill | It covers upstream: https://github.com/openai/skills. Key workflows include category: design-systems. Developers invoke frontend-skill when the task matches the triggers and reference files in SKILL.md for grounded, stepwise execution. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation. Reference files and progressive disclosure keep context focused while preserving concrete commands, configuration fields, and validation checks copied from the upstream documentation.
- Upstream: https://github.com/openai/skills
- Category: design-systems
- What it does
- Source
- How to use
Frontend Skill by the numbers
- 1,992 all-time installs (skills.sh)
- +138 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #228 of 2,277 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
frontend-skill capabilities & compatibility
- Capabilities
- upstream: https://github.com/openai/skills · category: design systems · what it does · source · how to use
- Use cases
- documentation
What frontend-skill says it does
Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
upstream: "https://github.com/openai/skills"
npx skills add https://github.com/nexu-io/open-design --skill frontend-skillAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 2k |
|---|---|
| repo stars | ★ 82k |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What problem does frontend-skill solve for developers using the documented workflows?
|
Who is it for?
Developers working with frontend-skill patterns described in the skill documentation.
Skip if: Skip when docs are empty or the task is outside the skill documented scope.
When should I use this skill?
Use when |
What you get
Actionable frontend-skill guidance grounded in SKILL.md workflows and reference files.
- Landing page layout
- App UI composition
- Design-system-aligned component structure
Files
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 Open Design 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:
# Inspect the upstream README for exact paths
open https://github.com/openai/skillsThen ask the agent to invoke this skill by name (frontend-skill) or with one of the trigger phrases listed in this skill's frontmatter.
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.576k29.4kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.261k29.4k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.249k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita201k66.9kVercel React Native SkillsEnsure AI agents generate and refactor React Native code that follows performance best practices without common rendering and list pitfalls.173k29.4kHow it compares
Choose frontend-skill over generic frontend-design skills when the goal is OpenAI's restrained production playbook rather than maximal visual styling.
FAQ
Who is frontend-skill for?
Developers and software engineers working with frontend-skill patterns described in the skill documentation.
When should I use frontend-skill?
When |.
Is frontend-skill safe to install?
Review the Security Audits panel on this page before installing in production.