Design & Media Agent Skills

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

Generate localized cover images and reusable image prompts from the shared Punk style library for articles, Xiaohongshu notes, WeChat…

Generate and vectorize SVG graphics via the QuiverAI API (Arrow model).

Migrates React projects and components from Radix UI to Base UI.

Run accessibility and visual design review

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.

To access Anthropic's official brand identity and style resources, use this skill.

Create beautiful visual art in .png and .pdf documents using design philosophy.

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

Next.js and React performance. Use when writing or reviewing React and Next code for waterfalls, bundle size, RSC boundaries, and…

When to activate: ARIA, keyboard navigation, focus management, screen readers, accessible forms, skip links, live regions

When to activate: render props, HOC, headless components, suspense, concurrent mode, portals, forwardRef, imperative handles

Use this skill to clean up a React component.

Guidance for implementing or refactoring React components — keep components focused on rendering, props, and events, and extract API…

Guidelines for writing React components.

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups.

Set up and use react-pixel-overlay, ART+COM's PerfectPixel-style design overlay for React apps — it renders exported design images (e.g.

Diagnose and fix janky view transitions and animations in a React app — a fade or slide that stutters, content that lands in one lump, a…

Run a homepage Reality Check. Is this page a real product or a demo in costume? Returns one verdict, exactly three fixes ranked by damage…

Quick-start logo and brand system refinement.