Design & Media Agent Skills for Claude Code

AI-powered PPT generation with document analysis and styled images via the NanoBanana stack.

Semantic Design System Skill for Google Stitch.

When a single click handler both calls `router.push(...)` and closes a Radix dismissable (Dialog, Sheet, Popover, CommandDialog…

Design and review web application information architecture, navigation hierarchy, routes, tabs, sidebars, breadcrumbs, deep links, browser…

Use when the user wants to search, query, extract, transcribe, quote, filter or aggregate across documents — PDFs, scanned images, Office…

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Initializes a new BrandArtisan visuals project by laying down its reference guidelines.

Scaffolds a new visual (.tsx) in an existing BrandArtisan project, aligned with its brand.md guidelines.

This skill generates or scaffolds a Next.js dashboard UI using shadcn/ui with Server Components and Server Actions.

This skill should be used every time you work on Next.js projects or Next.js app code changes in this repository.

Scaffold a new Next.js project with a full stack and set of conventions.

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and…

Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.

Create comprehensive user journey maps that identify pain points, opportunities, and emotional states across touchpoints.

Normalize design to match your design system and ensure consistency

Turn travel photos into 3:4 nostalgic editorial posters as either a photo-and-drawing comparison or a full-canvas minimal illustration.

Obsidian plugin UI conventions: createEl DOM, data-testid hooks, settings sentence case, CSS variables, command callbacks, and…

Hidden fallback scenario for free-form Home prompts.

Default reference pipeline for image, video, and audio projects — routes through media-image / media-video / media-audio atoms based on…

Creates an Open Graph image (social share preview) optimized for BrandArtisan.