Frontend Dev
Plan cinematic hero pages and showcase frontends that combine animations, generative art, and MiniMax AI media APIs.
Overview
Frontend-dev is an agent skill for the Build phase that routes solo builders to MiniMax’s cinematic frontend and generative hero-page workflow via an upstream skill bundle.
Install
npx skills add https://github.com/nexu-io/open-design --skill frontend-devWhat is this skill?
- Advertises MiniMax-upstream workflow: cinematic animations, generative art, and AI-generated media via MiniMax API
- Trigger phrases include frontend dev, cinematic frontend, hero page, and showcase site
- Open Design catalogue entry with upstream bundle at github.com/MiniMax-AI/skills (category web-artifacts)
- Prototype mode—intended for high-impact marketing or demo surfaces rather than every app screen
- Upstream source: github.com/MiniMax-AI/skills in web-artifacts category
Adoption & trust: 819 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
You want a standout hero or showcase frontend with animations and AI-generated media but do not know which upstream skill bundle and API patterns to use.
Who is it for?
Indie devs prototyping a visual demo site, launch hero, or portfolio piece that leans on generative art and MiniMax media APIs.
Skip if: Routine CRUD dashboards, minimal MVPs with no motion budget, or teams that cannot use external AI media APIs.
When should I use this skill?
User says frontend dev, cinematic frontend, generative web, hero page, or showcase site.
What do I get? / Deliverables
Your agent discovers the frontend-dev entry, installs the MiniMax upstream skills bundle, and can invoke the full cinematic frontend workflow by name or trigger phrase.
- Installed upstream frontend workflow
- Prototype-oriented hero or showcase UI direction
Recommended Skills
Journey fit
Hero and showcase UIs are built in the product phase when you are shaping the first impression of what you ship. Frontend subphase is the canonical shelf for full-stack presentation layers, motion, and embedded generative media—not backend or deploy work.
How it compares
Catalogue pointer to an upstream generative-frontend skill pack—not an in-repo MCP server or a Jest testing workflow.
Common Questions / FAQ
Who is frontend-dev for?
Solo builders and small teams using Claude Code, Cursor, or similar agents who want cinematic, media-rich marketing or showcase frontends tied to MiniMax’s upstream skills.
When should I use frontend-dev?
Use it in Build when designing a hero page or showcase site with animations and generative art, and again in Launch when you need a high-impact visual landing surface before wider distribution.
Is frontend-dev safe to install?
The stub is documentation-only; installing the upstream MiniMax bundle may require network and API access—check the Security Audits panel on this page and review upstream code before enabling secrets or production keys.
SKILL.md
READMESKILL.md - Frontend Dev
# 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: ```bash # Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills ``` Then ask the agent to invoke this skill by name (`frontend-dev`) or with one of the trigger phrases listed in this skill's frontmatter.