{"enrichment":{"faq":[{"a":"Frontend-dev orchestrates design engineering, motion systems, and AI asset generation to create complete landing pages. It generates AI images and videos locally, implements cinematic scroll animations using GSAP and Framer Motion, and builds production-ready layouts in React, Vue, Astro, or HTML. You get fully animated pages with real generated media assets integrated end-to-end.","q":"Can frontend-dev build a landing page with animations and AI generated images?"},{"a":"Frontend-dev implements advanced scroll animations and motion sequences using GSAP and Framer Motion. It creates parallax effects, bento grid animations, smooth scroll-triggered transitions, and complex animation sequences optimized for both desktop and mobile. All animations are built with performance in mind for responsive web experiences.","q":"How does frontend-dev handle scroll-triggered animations?"},{"a":"Frontend-dev generates images, videos, audio, and music as AI media assets for web projects. These assets are created locally and integrated directly into your pages\u2014hero sections with video backgrounds, background images, voiceovers, and music tracks. All generated media is production-ready and optimized for web delivery.","q":"What AI media can frontend-dev generate for my website?"},{"a":"Frontend-dev creates persuasive copy and conversion-focused content using proven frameworks. It crafts compelling headlines, CTAs, and body copy designed to drive conversions on landing pages, product pages, and marketing sites. Copy is tailored to your page's purpose and integrated with the visual design.","q":"Can frontend-dev create persuasive copy for conversion-focused pages?"},{"a":"Frontend-dev designs and builds generative interactive art experiences using p5.js. It creates algorithmic visuals, interactive canvas-based art, and dynamic visual systems that respond to user input. Perfect for portfolio sites, creative showcases, and experimental web projects.","q":"Does frontend-dev support generative interactive art experiences?"},{"a":"Frontend-dev handles layout architecture and animation sequencing across React, Vue, Astro, and pure HTML frameworks. It's built on MIT license and integrates GSAP for animations, Framer Motion for React projects, p5.js for generative art, and AI media generation tools. Works with any modern web stack.","q":"What frameworks and technologies does frontend-dev work with?"}],"shadow_tags":["motion-design","generative-assets","conversion-optimization","scroll-storytelling","interactive-art","web-animation","ai-media-generation","layout-engineering","persuasive-design","performance-first"],"summary_rewrite":"Frontend-dev orchestrates five specialized capabilities\u2014design engineering, motion systems, AI asset generation, copywriting, and generative art\u2014to create complete, visually striking web pages. It handles layout architecture, animation sequencing, local media generation, and content crafting across React, Vue, Astro, and pure HTML frameworks. Use it to build landing pages, marketing sites, product pages, dashboards, and generative art with real assets and advanced motion."},"files":[{"bytes":20944,"path":"skills/frontend-dev/SKILL.md","sha256":"500ff2234e5adad4e2666ba633a1e242ef6af4c0da6bd94a3d6d37819e9aabce","url":"https://skillfed.io/files/MiniMax-AI/skills/frontend-dev/1be13dc1/SKILL.md"}],"id":"MiniMax-AI/skills/frontend-dev","links":{"html":"https://skillfed.io/MiniMax-AI/skills/frontend-dev","md":"https://skillfed.io/MiniMax-AI/skills/frontend-dev.md","repo":"https://github.com/MiniMax-AI/skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":1129,"language":"C#","last_updated":"2026-04-18","license":"MIT","name":"frontend-dev","publisher":"MiniMax-AI","stars":13174},"relations":{"similar":[{"id":"UnicomAI/wanwu/frontend-dev"},{"id":"lioensky/VCPToolBox/frontend-dev"},{"id":"DevMartinese/awwwards-animations-skill/awwwards-animations-skill"},{"id":"Hainrixz/editor-pro-max/awwwards-animations"},{"id":"199-biotechnologies/motion-dev-animations-skill/motion-dev-animations-skill"},{"id":"freshtechbro/claudedesignskills/motion-framer"},{"id":"freshtechbro/claudedesignskills/web3d-integration-patterns"},{"id":"freshtechbro/claudedesignskills/modern-web-design"},{"id":"C-Jeril/framer-motion-skills/framer-motion-core"},{"id":"EliasOulkadi/shokunin/taste"}]},"slug":{"owner":"MiniMax-AI","repo":"skills","skill":"frontend-dev"},"version":"1be13dc1"}