Design & Media Agent Skills for Zed

Miller's Law — 7±2 chunking. Use this when auditing or applying working-memory load: walls of text, ungrouped legends/tables, or staging…

Proximity Law — spatial grouping. Use this when auditing or applying whether spacing communicates relationships (labels near fields…

Von Restorff Effect — distinctiveness. Use this when auditing or applying one deliberate standout per view (primary action, key finding…

Serial Position Effect — first and last.

Tesler's Law — conservation of complexity.

Doherty Threshold — fast clear response.

Peak-End Rule — design the peak, design the end.

Use when a Design/UI task needs layout, spacing, composition, alignment, grid, density, visual rhythm, or hierarchy improvements…

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints.

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

Generates high-converting Next.js/React landing pages with Tailwind CSS.

Best practices for Remotion - Video creation in React

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed…

Create, revise, QA, and package LINE sticker sets when work involves character artwork, reusable raster lettering, text-free originals…

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

Apple Human Interface Guidelines for content display components.

Generate favicons from a source image

Three.js lighting - light types, shadows, environment lighting.

Creates a LinkedIn post image at LinkedIn's dimensions, in the chosen orientation.

Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode…