Design & Media Agent Skills for Claude Code

Pixel-perfect Figma to React conversion using coderio.

Build or update a professional-grade design system in Figma from a codebase.

Production readiness checklist for Figma REST API integrations.

Enforces modern frontend best practices, including Vue 3/React architecture, UI design constraints, and TypeScript type safety.

Create beautiful infographics based on given text content.

Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures).

Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list…

React performance optimization guidelines from Mastra Engineering.

Use this skill when visual quality and design identity matter for a PDF.

Generate images using Nano Banana Pro (Gemini 3 Pro Preview).

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team.

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option.

Create programmatic videos with Remotion (React components rendered to MP4).

Crawl an existing website (capped, multi-page) and seed stardust/current/ with PRODUCT.md, DESIGN.md, DESIGN.json, a per-page inventory…

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into…

Use this skill when the question is whether users can *operate* a UI — keyboard, switch device, voice, screen-reader gestures — not just…

Use this plugin when the user wants a premium precision-farming / agritech landing page: dark/light alternating sections, a fullscreen…

Teaches the AI to design like a high-end agency.

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.

Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export.