Design & Media Agent Skills for Claude Code

Port an existing Remotion (React) composition''s source to HyperFrames HTML.

Toolkit-specific Remotion patterns — custom transitions, shared components, and project conventions.

Use when building, reviewing, or refactoring a Remotion project, especially parameterized launch or demo videos with shared props schemas…

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts…

Automate Remove Bg tasks via Rube MCP (Composio).

Render a room floorplan PNG and perform a mandatory visual design critique of the result

Automate Renderform tasks via Rube MCP (Composio).

Improve hierarchy, layout, typography, color, materials, icon consistency, and motion in an existing interface while preserving brand and…

Discover, compare, and run AI models using Replicate's API. Strong fit for image, audio, and video generation pipelines that swap models frequently.

Turn an open-source repository into an art-directed launch identity by generating complete ImageGen compositions with integrated…

Mobile-first responsive design patterns with breakpoints, fluid layouts, and adaptive components

Create a responsive design spec with structured process, quality checks, and system integration

Implement performant responsive images with srcset, sizes, lazy loading, and modern formats (WebP, AVIF).

Restore the discrete logical color grid already present in a photograph, scan, screenshot, or raster image of an existing fuse-bead (拼豆)…

A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals.

Create polished, professional reveal.js presentations.

Use this skill whenever a task asks to design, style, theme, brand, polish, or make a reveal.js deck visually compelling, or when an…

Compare a rendered GraphCompose template against its reference or its parent revision and report what is still different, without opening…

User-invoked interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request.

User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography…

Review existing UI against the project's design context, accessibility expectations, responsive behavior, interaction quality, and…