Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
Passed 22 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed21 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
When navigating between thumbnail view and full detail page in a modern web showcase, we want seamless element morph transitions across DOM updates without complex manual absolute position calculations. Which modern Web API provides startViewTransition?
| Checked | Without skill | With skill |
|---|---|---|
| Calls document.startViewTransition to handle DOM state updates. | Missed | Passed |
The instructions your model reads when the skill loads.
Curated from the MiniMax AI team.
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
web-artifactsThis 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:
# 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.
test cases passed, vs 21 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.