Design & Media Agent Skills for Claude Desktop

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

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

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

Interactive setup wizard — guides you step-by-step to configure the design system for your project

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.

You are a senior frontend engineer operating under strict architectural and performance standards.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion.

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Scaffold a new mobile page/screen using the StyleSeed layout patterns

Expert at building Odoo XML views: Form, List, Kanban, Search, Calendar, and Graph.

Automate Pexels tasks via Rube MCP (Composio).

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Build accessible design systems with Radix UI primitives.

Composition patterns for building flexible, maintainable React components.

Create React Flow node components following established patterns with proper TypeScript types and store integration.

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.