Design & Media Agent Skills for HTTP / API

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

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.

A cross-cutting cognitive mode for sitting with design problems before rushing to solve them.

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

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…

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

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library.

Scaffold and build interactive 3D visualizations using Three.js with emphasis on algorithmic art, sacred geometry, temporal animations…

Build a scroll-driven 3D product landing page using Three.js + GSAP ScrollTrigger.

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading…

YouTube thumbnails, video covers, and article header images via AI image generation and code generation.

Build distinctive, production-grade frontend interfaces with a strong visual point of view.

Drive and script tldraw offline canvases with an agent.

Generates and edits high-quality AI images using Alibaba's DashScope models directly within the Claude Code environment.

Toolcraft: use when a generated app task includes a Figma URL, node ID, or design-to-code requirement.

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies.

Run or review topology-optimized FDM structural parts from design envelope and BESO through symmetry control, printable reconstruction…

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions…