Design & Media Agent Skills for Gemini CLI

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 adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

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.

Review UI code for Web Interface Guidelines compliance.