Design & Media Agent Skills for Claude Code

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…

Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it…

Select, pair, and implement typefaces for web projects.

Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera…

Use when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical…

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft…

Habilidad integral de React, Next.js (RSC, App Router) y React Native / Expo: Hooks avanzados, State Management, Render Optimization y…

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.

Semantic Design System Skill for Google Stitch.

OpenDesign's weekly metrics standup: this week's numbers, the one anomaly, and the single decision it forces.

Architects modern React and Next.js applications with robust component patterns, custom hooks, state management, and performance…

AI action figure generator — turn a photo or character into a collectible action figure display

AI blemish remover — clean up acne and blemishes while keeping natural skin and facial details

AI collage maker — create a chaotic multi-media collage from up to 10 images