Design & Media Agent Skills for Claude Code

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

Framework-agnostic client-side performance architecture — route/component code splitting, list virtualization mechanics, hydration cost…

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.

Use when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

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

Automate Gamma tasks via Rube MCP (Composio).

Generate presentations, documents, and webpages via Gamma API.

Anti-slop frontend skill for landing pages, portfolios, and redesigns.

[Trigger] When PPT workflow needs SVG slide layout and aesthetic optimization via Gemini. [Output] Structured optimization suggestions…

Use this skill for generative video editing, text-to-video, image-referenced video generation, first-frame-to-video, first-and-last-frame…

Remove the visible Gemini AI watermark from images using reverse alpha blending.

Generate AI images, videos, audio via Picsart gen-ai CLI.

Generate Figma Code Connect mappings that link React components to their Figma counterparts.

Generate an image from a text prompt using OpenAI's gpt-image-2 API and save it into the project.

Generate an MCP App widget (self-contained HTML) for an MCP tool.