Design & Media Agent Skills for Claude Code

Create a minimal working Lucidchart example.

Local Dev Loop for Lucidchart.

Rate Limits for Lucidchart.

Design and build native-feeling macOS application UIs.

Generates high-fidelity macOS Big Sur style notification banners for video overlays, product teasers, and UI mockups.

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column…

Generates standalone, interactive HTML presentation decks with WebGL visual backgrounds, presenter mode, and Swiss or magazine editorial…

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.