Design & Media Agent Skills for Gemini CLI

Master microinteractions, animations, transitions, and feedback systems.

Extract design systems from reference UI images and generate implementation-ready UI design prompts.

Use when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or…

Create Manim animations for demo videos.

Apply the principle of Mapping — designing the relationship between controls and their effects so the connection between input and output…

Apply natural mapping — the strongest form of mapping, in which the spatial position, motion, or shape of a control directly corresponds…

Create or improve production-quality frontend UI/UX in code, including React, Next.js, Tailwind CSS, shadcn/Radix, responsive layouts…

Optional visual planning assistant. Use when the user asks MeiGen to develop a creative idea, explore visual directions, improve a prompt…

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind…

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling…

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

Apply surface mimicry — making an interface element look like a familiar physical object to communicate its purpose at a glance.

Convert photos (people, pets, objects, logos) into 4 animated GIF stickers with captions.

Use this skill when designing to prevent errors of intention — wrong actions taken because the user''s model of the situation was wrong.

Automate Modelry tasks via Rube MCP (Composio).

Generates a clean, professional single-page A4 resume optimized for print and PDF export.

Generates professional, minimal A4 resumes optimized for print and PDF export directly within Claude.

Build modern Shiny dashboards and applications using bslib (Bootstrap 5).

A grant proposal on CRISPR base-editing for sickle-cell disease — the hypothesis, the approach, the milestones, and the risk.

Use when a user asks Creative Production to generate several concept images, image options, visual directions, mood boards, visual…