Design & Media Agent Skills for Zed

Toolkit for styling artifacts with a theme.

Generate flat, minimal educational SVG visuals as HTML.

Create, screen, and validate original conceptual photography from a specified element, theme, or source image.

UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React…

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts.

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells.

Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

Create, redesign, or art-direct Chinese commercial posters and coordinated product-poster series with clear selling-point hierarchy…

Use when you need to create a brand new Lightning Web Component from a Figma design, a Product Requirements Document, or another design…

Create new applications for ryOS following established patterns and conventions.

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality /…

Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image).

Scaffold or maintain a project's root stylesheet using the CSS-only light, dark, and system color-mode contract.

Design thematically coherent custom tarot decks by identifying dialectics, creating suits through dialectic cross-products, developing…

How to configure, compose, or eject Agent Native features into app-owned code.

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut)…

Create a recurring daily UI inspiration capture.