Frontend Dev
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
|
About
The frontend dev skill |. Documentation covers workflows, commands, and guardrails agents should follow when users invoke this capability. Key documented areas include "frontend dev"; "cinematic frontend"; "generative web"; "hero page". Reference commands include open https://github.com/MiniMax-AI/skills. Use when developers or agents need structured guidance for frontend dev tasks with evidence grounded in the bundled SKILL.md rather than generic advice. "frontend dev" "cinematic frontend" "generative web" "hero page" "showcase site" Upstream: https://github.com/MiniMax-AI/skills Category: `web-artifacts` |
- "frontend dev"
- "cinematic frontend"
- "generative web"
- "hero page"
- "showcase site"
Frontend Dev by the numbers
- 1,813 all-time installs (skills.sh)
- +130 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #248 of 2,277 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
frontend-dev capabilities & compatibility
- Capabilities
- "frontend dev" · "cinematic frontend" · "generative web" · "hero page" · "showcase site"
- Use cases
- planning
What frontend-dev says it does
"frontend dev"
npx skills add https://github.com/nexu-io/open-design --skill frontend-devAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
How do I handle frontend dev tasks with agent guidance?
|
Who is it for?
Teams needing documented frontend dev workflows.
Skip if: Generic advice without reading bundled docs.
When should I use this skill?
|
What you get
Structured workflow from frontend dev documentation applied to the user request.
- Hero page frontend
- AI-generated media assets
- Animated showcase layout
Files
frontend-dev
Curated from the MiniMax AI team.
What it does
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
Source
- Upstream: https://github.com/MiniMax-AI/skills
- Category:
web-artifacts
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/MiniMax-AI/skillsThen ask the agent to invoke this skill by name (frontend-dev) 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
Pick frontend-dev for motion-heavy showcase prototypes instead of static component library skills.
FAQ
What does frontend dev do?
|
When should I invoke frontend dev?
|
What are key capabilities?
"frontend dev"