Design & Media Agent Skills for Claude Desktop

Tailwind CSS v4 usage guide and v3-to-v4 differences.

Use when writing HTML/JSX with Tailwind CSS for common UI patterns like heroes, forms, lists, navbars, modals, cards, or any standard web…

Create and audit presentations (Beamer or Quarto RevealJS).

OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this…

Think like a skeptical technical recruiter when working on the daily.dev Recruiter platform.

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

Generate matching visuals from text via Picsart gen-ai.

Turn a supplied photograph into a vertical editorial artwork inspired by the visual language of Teamfight Tactics Set 18: Enchanted Wilds…

Elite website image-to-code skill for Codex.

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows.

Elite frontend image-direction skill for generating premium, conversion-aware website design references.

Generic, low-effort, look-the-same AI output.

Generate and edit images using Google Gemini image models.

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant…

UI/UX design intelligence for web and mobile.

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.

DDOS v1.1 archetype + theme selection layer.

Master catalog of 68 design system themes (bento, sleek, glassmorphism, neobrutalism, material, shadcn, etc.).

How to create and customize the Material UI theme (v9): createTheme + ThemeProvider + CssBaseline, full dark mode (current default…

Production-ready skill for integrating TheSys C1 Generative UI API into React applications.

Designs, builds, or refactors user-facing web or application interfaces with deliberate visual direction, typography, color and spacing…