Design & Media Agent Skills for Zed

Architects high-performance Vue 3 applications using Composition API, script setup, custom composables, and Pinia state management.

Scaffolds enterprise-ready Vue 3 admin frontends in an Nx monorepo with Vite, Element Plus, Pinia, and Yarn Berry.

Design intentional imperfection that reads as warmth — subtle asymmetry, hand-drawn elements, organic textures, intentional irregularities.

Apply wabi-sabi restraint — the discipline of leaving things out, of resisting decoration, of letting empty space and silence do design…

Creates vivid, varied, tactile wallpaper prompts with a clear visual thesis, intentional palette, atmospheric depth, and desktop-safe…

Establishes clear composition, adaptive detail, explicit orientation, and desktop-safe defaults for every wallpaper prompt.

Use this skill whenever a user must navigate within a non-trivial space — a multi-page web app, a documentation site, a hierarchical…

Establish project context - foundation for all design work

Create UX scenario outlines from Trigger Map through structured micro-steps

Generate visual and text assets from specifications through AI-powered creative production

Web Animations API adapter patterns for HyperFrames.

A minimalist CSS component library and design system (black-white-gray, dark mode, zero-build, wb-* prefix) to build the most BEAUTIFUL…

When to activate: web components, custom elements, Shadow DOM, HTML templates, slots, lit-element, custom HTML tags

Use for web interfaces, landing pages, product sites, dashboards, React, Next.js, Astro, Tailwind, frontend audits, responsive design…

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks…

Generates standardized DESIGN.md design specifications and production-ready web frontend code from PRDs, reference URLs, screenshots, and…

Review files for compliance with Web Interface Guidelines.

Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips…

Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers…

Streamlines frontend UI component generation and automates secure demo page publishing to GitHub Pages.

Build a polished, self-contained single-page HTML report or briefing microsite - executive briefings, analysis reports, campaign/project…