Design & Media Agent Skills for Claude Code

Configure Framer local development with hot reload and testing.

Optimize Framer API performance with caching, batching, and connection

Apply production-ready Framer SDK patterns for TypeScript and Python.

Framework-specific accessibility patterns, common pitfalls, and code fix templates for React, Next.js, Vue, Angular, Svelte, and Tailwind…

Create visually strong landing pages, websites, and app UIs with restrained composition.

Staff Frontend & UI/UX Mastery Skill

Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working…

Use when designing, building, auditing, or redesigning any user interface, or studying a design reference.

Elite Tier Web UI standards, including pixel-perfect retro aesthetics, immersive layouts, and UX psychology protocols.

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

Enforces professional Vue 3 and TypeScript coding standards while preventing common AI-generated UI anti-patterns.

React, Next.js, TypeScript frontend patterns - component design, state management, performance

Generates zero-dependency, animation-rich HTML presentations with automatic viewport fitting and PowerPoint conversion capabilities.

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and…

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

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

Big-tech style (Stripe, Vercel, Apple) UI development.

提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、 交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography…

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.

Automate Gamma tasks via Rube MCP (Composio).