framer-motion은(는) 무엇을 하나요?
React 애플리케이션에서 Framer Motion/Motion 라이브러리를 사용하여 성능 좋은 애니메이션을 구축하기 위한 전문 지침입니다.
React 애플리케이션에서 Framer Motion/Motion 라이브러리를 사용하여 성능 좋은 애니메이션을 구축하기 위한 전문 지침입니다.
이 스킬은 React 애플리케이션에서 Framer Motion 라이브러리를 사용하여 고성능 애니메이션을 구축하기 위한 전문 가이드를 제공합니다. Framer Motion은 선언적 API, 레이아웃 애니메이션, 제스처 지원 등 풍부한 기능을 제공하며, 이 스킬은 모범 사례와 성능 최적화 기법에 초점을 맞춥니다. React 기반 프로젝트에서 animate, motion, useAnimation과 같은 핵심 기능을 효과적으로 활용하고, 불필요한 리렌더링을 방지하며 부드러운 사용자 경험을 구현하는 방법을 설명합니다. 이 스킬은 숙련된 React 개발자가 Framer Motion의 고급 패턴을 학습하고 프로덕션 환경에서 안정적으로 적용하는 데 유용합니다.
npx skills add https://github.com/mindrally/skills/tree/main/skills/framer-motionReact 애플리케이션에서 Framer Motion/Motion 라이브러리를 사용하여 성능 좋은 애니메이션을 구축하기 위한 전문 지침입니다.
This repo contains 20 individual skills — each has its own dedicated page.
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.
Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.
Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.
Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.
Expert in Expo React Native TypeScript mobile development with best practices
Expert in FastAPI Python development with best practices for APIs and async operations
HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.
Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage
Machine learning development with JAX, functional programming patterns, and high-performance computing.
MySQL development best practices for schema design, query optimization, and database administration
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.
Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture
Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.
Redis development best practices for caching, data structures, and high-performance key-value operations
Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.
SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets
Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases
Expert in web scraping and data extraction with Python tools
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.