Design & Media Agent Skills for OpenAI Agents SDK

Apply the Aist / WorkAist brand and design system to any output — UI code, landing pages, product screens, investor decks, slides, social…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…

Form handling with react-hook-form. Use when creating forms, handling user input, implementing validation, or building contact/submission…

Transforms music album artwork into customized conceptual floral bouquet designs and editable HTML templates.

Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product…

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in…

Investment-banking pitch book for strategic alternatives — trading comps, precedent transactions, valuation football field, DCF…

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column…

Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops.

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS.

Redesign and implement complete, polished websites in an existing or greenfield codebase.

Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or…

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

Create an eight-piece animated sticker pack workflow from a reference character or an existing 4×2 board: prepare the identity-consistent…

Designs motion, transitions, and micro-interactions for UI components: spring animations, gestures, easing, staggers — taste-driven detail…

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.

Creates or continues an editable Figma annotation composition around a clean showcase screenshot, hands it to a person for visual…

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

Applies official Anthropic brand colors, typography, and visual styling standards to documents, presentations, and design artifacts.