Design & Media Agent Skills for Claude Desktop

Install the Anima SDK and configure authentication for Figma-to-code

Optimize Anima code generation performance with caching, parallelism,

Production readiness checklist for Anima design-to-code pipelines.

Implement rate limiting for Anima API code generation requests.

Use Figma webhooks to trigger automatic Anima code generation on design

Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API.

Find, identify, and specify web or UI animation, or inspect an existing project and recommend suitable component motion.

Advanced JavaScript animation library skill for creating complex, high-performance web animations.

Hands a clean showcase screenshot to a person for annotation in CleanShot X on macOS, then recovers and verifies the saved result.

Audit, document, or extend your design system.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

Plan, conduct, and synthesize user research.

Synthesize qualitative and quantitative user research into structured insights and opportunity areas.

Check for .claude/apple-design-context.md before asking questions.

Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.

Apple Human Interface Guidelines for platform-specific design.

Use when making design decisions, reviewing UI for HIG compliance, choosing colors/backgrounds/typography, or defending design choices…

Use this skill when designing brand voice, marketing positioning, mascot or character design, narrative arcs in product onboarding, or any…

Film interiors with true verticals and material light.

Orchestrate iterative visual style searches with branch prompts, decision graphs, feedback loops, and final direction selection.

Design the words in a product — labels, instructions, errors, confirmations, empty states, onboarding copy, tooltips, voice and tone…