Design & Media Agent Skills

Use when translating a PRD, feature spec, or raw product idea into screen-level prompts for web UX generators (Google Stitch, Figma AI…

Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill.

Create a single premium 3D collectible toy-style icon from a requested word or concept.

Create or restyle a living animal or character as a premium 3D collectible icon with short, dense, carefully groomed fur and stylized toy…

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

Expert landing page designer specialized in creating premium, professional, high-converting landing pages that don't look AI-generated.

Professional framework for building premium $5k+ SaaS websites with AI - the Define, Build, Review, Refine loop used by real product teams

Designs relationship-driven system architectures, workflows, and visual diagrams tailored for technical reviews and executive presentations.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles…

Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns…

PrimeNG table patterns for ASP.NET Zero (simple and paginated, lazy loading)

Paginate multi-page PDFs generated from HTML or markdown (Puppeteer, Playwright, wkhtmltopdf, weasyprint, react-pdf print CSS) by what you…

Use this skill whenever the question is *how* to design well over time or *how* to make a design that doesn''t break — accessibility…

Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing…

Use this skill when Product Design is explicitly invoked or the main task is product design exploration, UX research, flow auditing or…

Apple-level product design — visual systems, UX flows, accessibility, proprietary visual language, design tokens, prototyping and…

Product design across UI/UX, design systems, prototyping, and user research.

Maximum-level Product Inventor and Design Alchemist — combines Product Thinking, Design Systems, UI Engineering, Cognitive Psychology…

Product mockups and showcases: photoreal product/packaging scenes via Gemini 3.1 Flash image editing, and pixel-exact device frames…

Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof.

Use for product, UX, UI, flow, frontend, or product-facing backend work where an agent must reason about user outcomes, decisions, states…