Expert in Framer design and development - from interactive prototypes to production sites with Framer Motion, CMS integration, and the Framer MCP server

Build delightful animations and interactions with Framer Motion's declarative API.

framer-motion-interactive-animation

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

FastAPI/Next.js/Express integration patterns

Reference manual for framework methodology throughout session. Provides guidance on cognitive architecture that replaces default AI assistant behaviors with systematic patterns proven through collaborative experience. Consult this manual throughout session when applying framework procedures.

Expert on Aptos Framework (0x1 standard library) - account, coin, fungible_asset, object, timestamp, table, event, vector, string, option, error, and other core modules. Triggers on keywords aptos framework, 0x1, account module, table, smarttable, event, timestamp, randomness, aggregator, resource account

Génère classe Collection typée avec traits Atournayre

This skill provides guidance on web frameworks for Cloudflare Workers, with focus on Hono and itty-router—the two most popular choices. Use this when building API endpoints, adding middleware, or choo

FrankenPHP Documentation - Modern PHP application server built on Caddy

Create custom API endpoints and whitelisted methods for Frappe applications. Use when building REST APIs or custom endpoints.

Build Frappe DocTypes with fields, permissions, and naming configurations. Use this skill when creating or modifying DocType structures.

Build a complete business tech stack with 100% free tools. Find powerful zero-cost alternatives, automation workflows, and workarounds for free plan limitations.

rm -rf node_modules .turbo packages/*/node_modules packages/*/.turbo packages/*/dist

Enables Claude to manage Freshchat conversations, bots, and customer messaging operations

Manage customer support with Freshdesk's intuitive help desk solution.

Manage sales with Freshsales CRM powered by AI and automation.

Manage team inbox and customer communication with Front's collaborative platform.

Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code.

Brief description of what this Skill does and when to use it (project)

Build Vue 3 + Ionic front-end components following Orchestrator AI's strict architecture: stores hold state only, services handle API calls with transport types, components use services and read stores. CRITICAL: Maintain view reactivity by keeping stores simple - no methods, no API calls, no business logic.

Build Front plugins using the Plugin SDK. Use when creating sidebar plugins, composer plugins, or extending Front's UI. Triggers on plugin, front plugin, sidebar plugin, composer plugin, @frontapp/plugin-sdk.

Copy-paste animated effects for stunning landing pages. Built on Framer Motion + Tailwind.

UI/UX visual design, styling, and aesthetic validation

Use when creating or modifying Angular components in Frontend (Angular 19) with proper base class inheritance, state management, and platform patterns.

Use when editing Angular TypeScript files (.ts, .tsx) in src/Frontend/ or libs/. Provides component hierarchy, state management with PlatformVmStore, API services, reactive forms, and platform utilities for EasyPlatform Angular 19 development.

Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (axios/fetch), request/response interceptors, authentication token handling, error handling strategies, retry logic, request cancellation, or organizing API services. Triggers on questions about API client setup, custom hooks for data fetching, React Query/SWR integration, or service layer patterns.

API 통합 에이전트. API 클라이언트와 데이터 페칭을 구현합니다.

Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid glass design principles. Use when building mobile screens, components, or styling any React Native UI.

前后端对接。当用户需要检查前后端API对接、调试接口调用、确保数据格式一致时使用此技能。

빌드/배포 에이전트. 빌드 설정과 배포 파이프라인을 관리합니다.

>

Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs. Use when creating component libraries, implementing component composition, building reusable UI elements, designing prop APIs, managing component state patterns, implementing controlled vs uncontrolled components, creating compound components, using render props or children as functions, building custom hooks, or establishing component architecture standards.

컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.

Build React components, pages, forms, and state management with TypeScript and TanStack Query. Use for frontend development, component creation, routing, and data fetching.

Use when touching frontend files to classify visual vs logic changes before acting

构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计

Create distinctive, production-grade HTML/CSS frontends with exceptional design quality

Enterprise React architecture combining DDD and FSD patterns. Use when (1) designing or structuring React applications, (2) implementing Index/Types/Styles component pattern, (3) setting up Service/Hook 1:1 mapping with React Query and Axios, (4) configuring Zustand state management, (5) applying TypeScript conventions for maintainable codebases. Triggers include architectural decisions, folder structure planning, data layer design, and code organization tasks.

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。

Systematic approach to building consistent, maintainable frontend UI components with design systems and component libraries

Create distinctive, production-grade Vue 3/TypeScript frontends with exceptional design quality

Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

Build Blazor components, pages, and layouts following the MudBlazor design system

Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients expect.

Quality-first frontend development workflow for Pulse Radar.

커스텀 훅 개발 에이전트. React 커스텀 훅을 설계하고 구현합니다.

Image sourcing for UI. Free first (DiceBear avatars, Unsplash photos, unDraw illustrations). AI generation only for custom needs.