463건 · 관련도순
Design, implement, and review XState v5 state machines and @xstate/react integrations in TypeScript. Use when modeling finite workflows, async actors, statecharts, guarded transitions, delayed transitions, actor systems, or machine-driven React behavior.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Test or fix domain rules, state transitions, value objects, and domain services directly. Use for business-rule regression tests, rejected transitions, and model behavior without HTTP.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Translate motion, interaction, and visual experience into implementable constraints while preserving accessibility and performance. Apply when working on animations, transitions, scroll effects, or micro-UX.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Act as a Senior Motion Designer to specify and ship purposeful UI animation — micro-interactions, transitions, scroll-driven sequences, page transitions, loading states. Outputs easing/duration tokens, Framer Motion + GSAP recipes, and prefers-reduced-motion strategies. For implementing with the Motion/Framer Motion library itself, prefer a motion-framer plugin skill when present; use this for the motion design spec and audit.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
変更が波及する全モジュール・全フローを特定し、集計ルール、状態遷移、符号反転、 コピペ差分、表示/帳票/APIの整合性を監査するスキル。Impact Mapで変更核から 影響範囲を可視化し、Consistency Matrixで横断整合を検証し、Copy Propagation Review戦略でコピペ実装を効率的にレビューする。 Use when one change affects multiple modules, reports, flows, or copied implementations. Audits aggregation totals, state transitions, sign inversion, and cross-module consistency.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build Motion (Framer Motion) React animations — declarative motion components, variants, AnimatePresence, layout transitions, scroll effects, and inline SVG pathLength. Load when the user asks to animate with Motion, Framer Motion, motion.div, AnimatePresence, layout animation, whileInView, or React enter/exit transitions. Also triggers on "framer-motion", "motion/react", "useReducedMotion", or "React animation library". React/Next only — not README embeds or non-React.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Provides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback, and reduced-motion support. Use when adding "animations", "transitions", "micro-interactions", or "motion design".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
사용자 요청을 Paperclip 안건으로 만들고 작업 절차와 첫 담당 에이전트를 설정해 시작합니다. 상태 전환도와 설명을 작성하고 안건 및 주요 작업 링크를 반환합니다.
모션 그래픽을 기획하거나 개선할 때 메시지, 글자의 움직임, 장면 연결, 읽는 시간을 정리해 하나의 의도가 전달되는 영상과 애니메이션을 설계하도록 돕습니다.
모바일 앱의 화면 흐름을 가로로 나란히 놓은 스마트폰 틀 세네 개로 시각화합니다. 회색 임시 블록, 화살표, 번호가 붙은 동작명과 주석으로 이동 과정을 정리합니다.
제품 소개나 발표 내용을 넓은 여백과 큰 제목을 활용한 Keynote 스타일 웹 슬라이드로 만듭니다. 방향키와 스페이스 키로 넘기고 페이지 번호도 표시합니다.
화면 애니메이션 코드를 속도, 자연스러움, 중단 대응, 렌더링 성능, 접근성 관점에서 검토합니다. 수정안과 이유를 제시하고 승인 여부를 판단합니다.
분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.
GSAP 플러그인으로 글자와 SVG 애니메이션, 드래그, 스크롤, 레이아웃 전환을 구현합니다. 용도에 맞는 기능 선택부터 등록, 설정, 정리까지 다룹니다.
Orca의 CLI로 Jira 이슈를 확인·검색하고 상태를 변경하거나 후속 이슈를 만듭니다. 작업 완료 시 PR/MR 링크와 완료 댓글을 기록할 수도 있습니다.
Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Review large JavaScript bundles to find code that can load later. Suggest dynamic imports, which load modules when needed, and page-level splitting, with loading states for heavy libraries and features outside the initial view.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create static SVG diagrams, scalable images for lessons, READMEs, and manuals. It uses real system names, nine diagram types, and consistent colors and arrows, with checks for readable labels, accessible descriptions, and valid markup.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Implement web animations with GSAP plugins, including animated layout changes, draggable elements, text effects, and SVG drawing or shape transitions. The skill explains plugin registration, configuration, cleanup, and development tools for inspecting animation timelines.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Design reusable pose data for 2D characters, covering emotions, actions, mouth shapes, and repeated movements. Organize changes to individual body parts, pose durations, and transitions so animation sequences have clearly defined stages.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Turn a math or science video idea into a detailed scene plan. Research the topic, clarify the audience, and outline visuals, narration, transitions, and implementation notes for Manim, an animation tool.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create animated HTML pages with smooth scene transitions and playback controls. An editable timeline lets users adjust scene lengths and speeds, with fixed landscape or portrait layouts prepared for video export.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.