Design & Media Agent Skills

Generates realistic, high-fidelity Reddit post card visualizations for social media sharing and video overlays.

Use this plugin when the user has an existing OpenDesign artifact and wants targeted critique, patching, brand tightening, responsive…

Generate a polished HTML presentation page and Obsidian Canvas for big releases — new products, takeovers, major migrations.

Use when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens…

A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close.

Use when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec…

Create interface designs, wireframes, and design systems.

S2 multi-dimensional cross-analysis table development assistant (Expert Skill).

Single-page SaaS landing with hero, features, social proof, pricing, and CTA.

A cherry-blossom-season travel photo essay through Kyoto — the arrival, the peak bloom, and the moment that made the trip.

Visual design intelligence and UI aesthetics.

Generate mermaid diagrams — flowcharts for architecture, sequence diagrams for interactions.

Build speculative worlds, neon, and future surfaces.

Design search — query input, zero results, refinement, and result presentation.

Map service delivery across frontstage actions, backstage processes, and supporting systems.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces.

Install and configure shadcn/ui components for React projects.

Shared artifact registry, common artifact patterns, and integration validation.

Automate Shotstack tasks via Rube MCP (Composio).

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Create React components, hooks, or utilities following the modlet pattern.