Design & Media Agent Skills

Build modern Shiny dashboards and applications using bslib (Bootstrap 5).

Use when a user asks Creative Production to generate several concept images, image options, visual directions, mood boards, visual…

Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hover, tap), scroll…

Motion Canvas framework reference covering project setup, core concepts (generators, signals, refs, scene hierarchy, timing, utilities)…

Motion design creation skill that works across any connected generation platform (Higgsfield, Runway, Magnific, Arcads, Ideogram…

Build React animations with Motion (formerly Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout…

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using…

Use this skill to review animations, transitions, parallax, scroll effects, reveals, carousels, and micro-interactions in a website or…

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and…

Create distinctive, production-grade frontend interfaces with high design quality.

Build standalone HTML prototypes for new, modified, or migrated pages.

Create distinctive, production-grade frontend interfaces with high design quality.

Product content designer for UI copy. Use when writing, reviewing, or auditing user-facing text: button labels, error messages, tooltips, empty states, modal copy, placeholder text, confirmation…

Generates AI images using the nano-banana CLI (Gemini 3.1 Flash default, Pro available).

A formalized skill for generating hyper-realistic, highly-controlled images using the Nano Banana 2 (Gemini 3.1 Flash) model through…

Generates high-quality images with state-of-the-art Korean typography for card news, posters, and marketing creatives.

Generate or edit images via Gemini 3 Pro Image (Nano Banana Pro).

Generate, remix, or edit images with Nanobanana / Nano Banana 2 through the bundled Gemini CLI wrapper.

AI-powered PPT generation with document analysis and styled images

Install and wire registry blocks and components into HyperFrames compositions.

Teaches the AI to design like a high-end agency.