Design & Media Agent Skills for Claude Desktop

A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that…

Build modals/dialogs self-contained: form and in-flight state lives inside, closing unmounts it.

Configure, update, verify, or troubleshoot the project-scoped Semi Design MCP for Codex.

Swap static adjectives for kinetic sensory verbs.

Set up simple local brand rules from user-supplied visual references before making brand assets.

Create QA checklists for verifying design implementation accuracy.

Use when writing a Storybook story for a component gated on a feature flag — boolean flags or multivariate/experiment-arm variants.

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

When to activate: shadcn/ui, Tailwind CSS, Radix UI, CVA, clsx, cn utility, component variants, Tailwind config

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components.

Use when a Design/UI task needs upfront UX planning, feature shaping, screen-level information architecture, screen structure, interaction…

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively…

Audit and improve web accessibility following WCAG 2.2 guidelines.

Create zero-dependency, animation-rich HTML presentations that run entirely in a browser, from a topic/draft or by converting a PowerPoint…

Build production-quality, accessible, non-generic-looking UI components and pages — component composition, the state-management ladder…

Guides synthesizing raw qualitative user research into defensible themes using affinity mapping (the KJ method) and conducting…

Use when the user says "done", "ship it", "finish", "complete", "archive", or otherwise indicates the current design is ready to be shipped.

Guides React and Next.js development with structured quality gates, state modeling, performance optimization, and UI refinement.

Audit a component or page for accessibility issues and fix them

Algorithmic philosophies are computational aesthetic movements that are then expressed through code.