Design & Media Agent Skills

Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones.

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and…

Common patterns for building store locators, restaurant finders, and location-based search applications with Mapbox.

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

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

Generates professional 3D-style iPhone and MacBook showcases using pure CSS and HTML to display live UI content.

Generate user flow diagrams and flowcharts using Mermaid and other formats

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics.

Automate Adobe tasks via Rube MCP (Composio).

Apply production-ready patterns for Adobe Firefly Services SDK, PDF

Use this plugin when the user wants a premium dark-to-light aerospace / propulsion marketing site: a scroll-driven gradient hero with…

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine…

Design AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning, not just isolated…

Generate AI images using Gemini or GPT APIs directly.

Professional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone…

JLCPCB PCB fabrication and assembly — BOM/CPL generation, basic vs extended parts, assembly constraints, design rules, ordering workflow.

PCBWay PCB fabrication and assembly — turnkey/consigned assembly, design rules, ordering workflow.

PDN DC voltage/current analysis, IR drop, design rule checking, and multi-net batch analysis on imported PCB layouts.

Framer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for React.

Generate TAAG/FIGlet-style ASCII art banners using figlet.js (FIGfont spec), with layout controls (horizontal/vertical layout, width…

Render structured data as aligned ASCII tables (column width rules, truncate/wrap, border styles, compact/readable variants) for…