Design & Media Agent Skills for Claude Code

Use this plugin when the user wants a dark, luxury single-page landing for an AI web-design agency: cinematic video backgrounds, editorial…

Transforms text and web content into high-quality visual PNGs using specialized design templates and artistic styles.

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating…

Official integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelte, Angular).

Performance optimization patterns for Mapbox GL JS web applications.

Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data…

Coordinator-routed implementation specialist for admin dashboards, internal tools, CRM/ERP management, back-office, CRUD, and reporting UI.

Design the first-run experience — activation path, progressive disclosure, and time to first value.

Revealing AI capability gradually to match user mental models.

Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an…

An IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60 seconds.

Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.

Advanced theming for Shiny apps using bslib and Bootstrap 5.

Brand strategy and identity design for businesses and products.

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a…

Creates production-ready UI immediately from any description.

Review UI4 CSS migrations for proper token usage.

Read and inspect Figma designs via the Dev Mode MCP server — selects the right tool, parses Figma URLs into fileKey and nodeId, and turns…

Exhaustively extract UX patterns from a reference web app.

Create a structured UX research plan for any product question or feature.

Write interface copy — microcopy, error messages, empty states, and CTAs.