Design & Media Agent Skills for Zed

Create a dark-blue clean design system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained…

Create a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained…

Use this skill when the user asks to "generate dark mode", "create dark theme", "add dark mode support", "convert to dark mode colors"…

Superdesign is a design agent specialized in frontend UI/UX design.

Evaluate design effectiveness from a UX perspective.

Extract and consolidate reusable components, design tokens, and patterns into your design system.

Strict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs.

Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility compliance…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…

Design or improve onboarding flows, empty states, and first-time user experiences.

Type-safe React forms with React Hook Form and Zod validation.

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

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Set up Tailwind v4 + shadcn/ui themed UI with dark mode.

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

AI design intelligence skill for building professional UI/UX across multiple platforms with 161 reasoning rules, 67 styles, and automated…

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable…

Web design guidelines and standards by the Vercel engineering team.

Install, update, verify, inspect, or restore the DeepSeek Harness 任意门卜卜 theme plugin on a local macOS npx installation.

Produces a structured design specification (DESIGN.md + structural layout + Decision Trace) before any visual artifact is built — the…

Generates structured web design briefs through a four-stage plan-critique-build-critique workflow to eliminate flawed design directions…