Design & Media Agent Skills for Zed

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.

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.

Programmatic React video. Use for Remotion overlays, motion graphics, or a React composition rendered to mp4. Generated motion only…

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.

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

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design…

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability…

Conventions for adding or editing the SceneMenuBar above a scene's <SceneTitleSection>.

Build data-entry forms with Zod → JSON Schema → JSON Forms (jsonforms.io), custom Tailwind/token renderers, and typed submit wiring.

Polish raw screenshots into LP-ready heroes.

Build award-winning scroll-animated websites end to end.