Design & Media Agent Skills for Windsurf (legacy)

Guide, procedures, and usage documentation for all Vanilla Blade UI components in resources/views/components (no Livewire, no Inertia).

This skill should be used when building independent widgets, reusable libraries, landing pages or static sites with minimal interactivity…

Use when implementing or reviewing UI against Figma, screenshots, design tokens, or an existing component system.

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer.

General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting…

Create distinctive, production-grade frontend interfaces with high design quality.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React…

Review UI code for Web Interface Guidelines compliance.