Design & Media Agent Skills

Page transitions library for creating fluid, smooth transitions between website pages.

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow.

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

Frame a screenshot on a gradient background with the `beautify-screenshot` CLI (padding, rounded corners, shadow, optional inset border)…

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

Generates educationally focused, grade-adapted blackboard and bulletin board design schemes with text and visual layouts for K-12…

Build, modify, review, migrate, and debug Tailwind CSS v3 and v4 projects.

Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene…

Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.

Turn one source image into a finished 3:4 Minimal Blue Poster with semantic style selection, a default full-design composition, an…

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile…

Expert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character…

Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium…

Apply subtle gradient-border treatments for premium web surfaces.

Use when user says "create presentation", "make slides", "make carousel", "LinkedIn carousel", "create HTML page", "make landing page"…

Guides creation, revision, and review of Warp- or Oz-branded assets.

Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a…

Build, extract, and maintain design systems - tokens with roles, typographic scale, spacing scale, color, radius, shadow, dark mode, and…

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.