Design & Media Agent Skills for Claude Desktop

Design for flow specifically — calibrate challenge to skill, provide immediate feedback, set clear goals, foreground the activity.

Implement a reusable, accessible, typed component from a design spec.

Implement Syncfusion Vue Progressbar component for displaying task progress in linear, circular, or semi-circular shapes.

Smooth down the visual design and motion of an existing UI — refine the animations, transitions, easing, timing, spacing, alignment…

Explicitly invoked UI magic-wand orchestrator that discovers available skills, selects a complementary stack, improves an existing…

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained…

Transforms user requirements into structured infographic briefs and executable text-to-image prompts for single or multi-card visual…

Standalone infographics that explain data, processes, comparisons, and timelines as a shareable graphic, via HTML/CSS/SVG (default when…

This skill should be used when the user wants to design, prototype, or build anything branded for INOV8 Orthopedics or INOV8 Surgical…

Use this skill whenever a design task involves what users *can do* and what happens when they do it — affordances, feedback, errors, undo…

Audits and implements complete UI interaction states, micro-transitions, and feedback across frontend components.

Build self-contained interactive 3D scenes with Three.js: orbit controls, translucent materials, lighting rigs, procedural environment maps.

Builds fully interactive, stateful UI prototypes with realistic navigation, validation, loading indicators, and error feedback.

Use when building or modifying admin dashboards, internal tools, ops panels, or back-office UIs.

Design forms that minimize friction, prevent errors, and guide users to successful completion.

Creates self-contained, beautifully designed single-file HTML deliverables in Japanese for reports, dashboards, landing pages, and…

Designs bespoke, self-contained HTML artifacts with distinctive typography, intentional palettes, and polished Japanese layout principles.

Generates clear, self-contained HTML diagrams in Japanese for system architectures, workflows, sequence charts, and state transitions.

Generates polished, responsive, and self-contained HTML mockups and interactive prototypes tailored to Japanese product design contexts.

Use when asked to design an email template, newsletter, drip campaign email, transactional email, or any HTML email asset.

Select, pair, and implement typefaces for web projects.