Design & Media Agent Skills for Claude Desktop

Manually invoked skill for reskinning Payload UI components.

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes.

Best practices for Remotion - Video creation in React

Help select and implement design systems.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Scaffold, write, build and package Ableton Live extensions with the Ableton Extensions SDK (TypeScript) to manipulate tracks, clips, MIDI…

Automate Abstract tasks via Rube MCP (Composio).

Add premium animated UI components built with Framer Motion and Tailwind CSS using Aceternity UI.

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

Use this plugin when the user wants a premium single-page creative-studio / designer portfolio landing page on a white background…

Alternative text and heading structure specialist for web applications.

Creates code-based visual assets — SVG icons, OG image HTML templates, social banners, and icon sets.

Use when integrating Atomic Design methodology with React, Vue, Angular, or other frameworks.

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

Provides brand positioning frameworks, the 22 Immutable Laws of Marketing, ZAG methodology, Onliness Statement formula, and positioning…

Provides brand values frameworks, differentiation tests, discovery questions, and behavior mapping templates.

Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction…

Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page.

Builds comprehensive design systems and design bibles with production-ready CSS.

Knowledge and utilities for creating animated GIFs optimized for Slack.

Pixel-perfect Figma to React conversion using coderio.