Design & Media Agent Skills for Zed

Install and configure Framer SDK/CLI authentication.

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…

Review implementation plans to ensure front-end requirements are fully planned

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

Establishes actionable visual design systems and aesthetic direction from scratch for greenfield frontend projects.

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.

Produce implementation-ready UX and UI specifications: user flows, states, component briefs, design tokens, accessibility constraints, and…

Build production-grade desktop apps with native OS integration.

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.