← All skills

frontend-dev

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a media skill usually calls an AI service over the internet.

By MiniMax-AI/skills (GitHub) · media · 13,818 stars · scanned at commit 02853d8

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (media) that look related. Check that one does what you need.

• 100 Low riskimagegen-frontend-webyikart/AiToEarn · 27,587 stars
• 82 Low risklivekit-nextjs-frontenddiegosouzapw/awesome-omni-skill · 66 stars
• 100 Low riskfrontend-designOrkas-AI/Orkas-VideoStudio · 345 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-dev' ] || [ -L ~/.agents/skills/'frontend-dev' ]; then echo 'A skill folder named frontend-dev already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/MiniMax-AI/skills' "$d" && git -C "$d" checkout --quiet '02853d885acb1abc157477ce00c4d98a8ed14a71' -- 'skills/frontend-dev' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend-dev' ~/.agents/skills/'frontend-dev' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-dev' ~/.claude/skills/'frontend-dev' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for MiniMax-AI/skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/MiniMax-AI/skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/MiniMax-AI/skills/)

Score history