'ansi' 검색 결과

Add animations to React interfaces using the browser's built-in view transitions. Guides page changes, shared elements that move between views, list reordering, component appearance, and loading reveals, with CSS styling and Next.js integration guidance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Animating shared images between list and detail views
• Adding forward and back page transitions
• Animating list reordering and component visibility

This skill should be used when the user asks to create custom Remotion transitions, asks about "cool transitions", "cinematic transitions", "striped transitions", "glitch transitions", "custom TransitionPresentation", or wants to build scene-to-scene transitions in Remotion beyond the built-in library. Also triggers for "how to make transitions in Remotion", "custom transition", "high-energy transitions", "energy transitions", "branded transitions".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create Ansible automation for configuring and updating servers. Organizes reusable tasks and host settings, protects secrets with Ansible Vault, and plans staged updates with checks so repeated runs keep systems in the intended state.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Automating configuration across multiple servers
• Organizing reusable tasks and environment settings
• Encrypting credentials with Ansible Vault

Review existing interface animations and tune their timing, movement, scale, blur, and easing—the way speed changes. It matches values to their purpose and checks opening, closing, hover behavior, and staggered sequences against shared motion tokens.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing existing interface animations
• Adjusting modal opening and closing speeds
• Fixing delays in staggered list animations

Add CSS animations to web interfaces using ready-made patterns for menus, modals, loading states, text changes, and more. It selects a suitable pattern, connects markup and any required JavaScript, and preserves reduced-motion support.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding opening and closing animations to menus and modals
• Animating loading placeholders and loaded content
• Adding transitions for changing text and numbers

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs, tooltips, staggered text reveals, card hover tilt, plus-to-menu morph, or accordions. Triggers on "add a transition", "animate the dropdown", "make the modal open smoothly", "swap icon", "page slide", "stagger animation", "open / close transition", "make it animate", "fade between", "success animation", "form error", "shake on invalid", "hover lift", "avatar stack hover", "clear the search", "skeleton loader", "loading shimmer", "shimmer text", "sliding tabs", "segmented control", "tooltip", "reveal text", "tilt card", "3D hover tilt", "cursor glare", "plus to menu", "FAB morph", "accordion", "collapsible", "expand / collapse", "disclosure". Also "motion tokens", "scan for ad-hoc transitions", "replace hardcoded durations with motion tokens", "tokenize my animations", and the commands transitions reveal, transitions review, transitions apply, transitions refine.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Update an international expansion tracker with recent progress, new tasks, or changed deadlines. Identify work that can now start because earlier tasks are complete, flag overdue items, and show the next priorities with their owners.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Update an expansion tracker after recent progress
• Identify tasks that can start after earlier work is completed
• Check overdue tasks and their owners

Start planning hiring in a new country by gathering requirements, comparing an employer of record with a local entity, identifying questions for different teams and country-specific concerns, and creating a tracker for ongoing follow-up.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a first hire in a new country
• Comparing an employer of record with a local entity
• Preparing questions for teams involved in expansion

Scan interface code for missing, uneven, or awkward animations and receive a motion score with findings. Choose a fix service to adjust animation values or install component recipes, then scan again to check the changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review animation quality after interface changes
• Standardize timing and hover transitions
• Apply motion recipes to recognized components

Fix white flashes and blending problems between scenes in HyperFrames videos. This skill explains background setup, overlapping scene containers, final-frame holds, and timeline templates so transitions render with the intended appearance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fixing white flashes between dark scenes
• Checking opacity dips during crossfades
• Assembling the master timeline

Connect Timeline Inspector’s Refine panel to an agent through a chat-based fallback loop. It returns animation adjustments, groups transitions by component and phase, and writes accepted timing changes to source files when apply jobs arrive.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Handling Refine requests without a persistent agent CLI
• Showing animation timing suggestions in the panel
• Grouping transitions into opening and closing phases

Transit Least Squares (TLS) algorithm for detecting exoplanet transits in light curves. Use when searching for transiting exoplanets specifically, as TLS is more sensitive than Lomb-Scargle for transit-shaped signals. Based on the transitleastsquares Python package.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Analyze Gluten ANSI-mode test results (run dev/verify-ansi-expressions.sh, parse JSON tracker output, produce root-cause analysis and fix recommendations). Trigger on user requests like "analyze ANSI tests", "run ANSI matrix", "why is this ANSI test failing".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Diagnoses Ansible playbook failures using ansible-playbook --check --diff mode, ansible-lint, and the Ansible callback plugin API. Parses task execution results and suggests fixes for common module errors in ansible.builtin and community collections.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.