본문으로 건너뛰기
cccskills

'ansi' 검색 결과

1.2천건 · 관련도순

This skill should be used when the user asks to "animate page or route transitions", "add a page transition or crossfade between views", "animate route changes in Next.js App Router", "use the View Transitions API", "AnimatePresence exit doesn't fire on navigation", or "Framer Motion exit animation not working / exit animation before unmount in Next.js". Covers enter/exit page-transition animation with the View Transitions API and Framer Motion, for Next.js App Router and general SPA routing.

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

iart-ai/web-animation-skills472026년 6월 22일 업데이트

Identify expansion signals and structure upsell or cross-sell conversations using land-and-expand and Net Revenue Retention principles. Use when user says "upsell", "expansion", "cross-sell", "grow the account", "increase ARR", "find expansion opportunities", "NRR improvement", "upgrade conversation", "add-on", "renewal and expand", or "land and expand" - even if they don't say "expansion discovery" explicitly. Applies to CSMs managing account growth or CS teams building expansion playbooks.

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

qa-aman/claude-skills212026년 10월 19일 업데이트

hyperframes

무료요약 있음AI 평가 80점

HTML로 영상의 구성과 움직임을 만들고, 음성에 맞춘 자막과 읽기 음성, 음악에 반응하는 효과를 조합합니다. 제목과 장면 전환을 다루며 글자 넘침과 가독성을 점검합니다.

  • 짧은 제품 소개 영상을 제작합니다
  • 음성에 맞춘 자막을 추가합니다
  • 내레이션과 움직이는 글자를 조합합니다
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Design scene transitions and animated text using matched movement direction and speed across cuts. The catalog provides concrete settings for zooms, blur, word-by-word transitions, staggered entrances, and repositioning groups of elements.

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

  • Connect scenes with matching motion
  • Transition between headlines word by word
  • Bring title elements in with staggered timing
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

morph-ppt

무료

Build a PowerPoint presentation with Morph transitions, which smoothly transform shared shapes between slides. Plan how objects move, resize, rotate, appear, and exit across a slide sequence, then deliver a single .pptx file.

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

  • Shrinking and moving a cover title onto the next slide
  • Creating a continuous background across a slide sequence
  • Explaining changing values with animated rectangle bars
iOfficeAI/OfficeCLI3.2만2026년 10월 20일 업데이트

international-expansion

Claude 공식무료

Plan international hiring by comparing an employer of record, a provider that employs staff locally, with a local entity. Prepare stakeholder questions, draft local counsel briefing requests, and track unresolved tasks across sessions.

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

  • Compare local hiring through an employer of record or an entity
  • Prepare questions for tax, finance, and HR teams
  • Draft a country-specific briefing request for local counsel
anthropics/claude-for-legal9.8천2026년 10월 21일 업데이트

hyperframes

Codex 공식무료

Create HTML-based videos with animated titles, synchronized captions, narration, music-driven effects, and scene transitions. Structure scenes and timing, define a visual style, and check layouts, text contrast, and animation choreography within HyperFrames.

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

  • Creating animated title cards and overlays
  • Adding captions synchronized with audio
  • Generating narration and music-driven animation
openai/plugins7.5천2026년 10월 8일 업데이트

Implement a WebGL transition where a ragged ember edge burns away the old page and reveals the next scene in motion. The skill covers glowing embers, porous char, rendering optimizations, transition timing, and reduced-motion behavior.

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

  • Switch chapters with a burning-paper reveal
  • Reveal an animated scene behind a moving ember edge
  • Adjust burn direction and duration for page content
MengTo/Skills6.9천2026년 10월 18일 업데이트

vue

무료

Build Vue 3 components with TypeScript and Composition API, a way to organize component logic. Define inputs, events, and two-way bindings, manage reactive data, and use built-in components for transitions and state preservation.

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

  • Build Vue components with TypeScript
  • Define component inputs, events, and two-way bindings
  • Update displays and react to data changes
antfu/skills6천2026년 10월 9일 업데이트

web-animation-design

Vercel 공식무료

Design and refine web animations for buttons, dialogs, menus, and gestures. The skill guides timing, changes in speed, spring motion, performance, and reduced-motion preferences so transitions fit the interaction and remain responsive.

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

  • Refine dialog and menu transitions
  • Adjust button press and hover feedback
  • Investigate stuttering animations
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

Add an animation that makes a finished interface look as though an AI agent is building it. It traces the element’s actual layout with dots, then reveals the interface, optionally alongside generation logs and CSS text.

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

  • Reveal a result card when AI output arrives
  • Show a component being built in a product demo
  • Add generation logs to a landing page reveal
Jakubantalik/transitions.dev5.5천2026년 10월 17일 업데이트

directconnect

AWS 공식무료

Configures AWS Direct Connect: choosing a connection model (dedicated, hosted, or a link aggregation group) and completing the cross connect; creating private, public, and transit virtual interfaces and bringing up BGP; reaching many VPCs through a Direct Connect gateway including cross-account transit gateway associations; encrypting traffic with MACsec or a private IP Site-to-Site VPN; making the connection resilient and tuning failover; managing link aggregation groups; SiteLink; and migrating from a virtual private gateway to a transit gateway. Use when the user wants a private, consistent network link between a data center and AWS, or operates an existing Direct Connect setup and needs to extend, encrypt, or harden it. Routes to the right per-task procedure in references. Do NOT use for transit gateway route tables and attachments (transitgateway skill), Site-to-Site VPN without Direct Connect (sitetositevpn skill), or Route 53 DNS routing (route53 skill).

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

aws/agent-toolkit-for-aws2.9천2026년 10월 21일 업데이트

Nexscope keyword expansion tool that expands a seed keyword into a list of related keywords with search volume, trends, PPC bids, ranking difficulty, and other metrics, covering 10 Amazon marketplaces including US, UK, DE, JP, etc. Trigger when the user mentions keyword expansion, keyword mining, long-tail keyword mining, related keywords, keyword suggestions, keyword discovery, PPC bid research, keyword competition, keyword discovery, Nexscope keywords, keyword expansion, keyword discovery, keyword scout, related keywords, long-tail keywords, keyword suggestions, PPC bid research, keyword competition, seed keyword expansion, keyword mining. Even if the user does not explicitly mention "Nexscope", if their need involves finding more related keywords and their search volume, competition, and other metrics starting from a seed keyword, this skill should also be triggered.

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

nexscope-ai/nexscope-ecommerce-skills962026년 10월 15일 업데이트

🇺🇸 AI Product / SaaS Go-Global Complete SOP — From competitor research to launch to monetization. A full-cycle playbook covering Phase 0-5 (market validation, positioning, first 100 users, user interviews, beta-to-growth) plus open-source launch, Product Hunt, Reddit, SEO/GEO, conversion, and org principles. **Defaults to dev tools / OSS / B2B SaaS; for 2C products (education, apps, games) the launch channels & metrics differ — see gingiris-seo-geo/references/2c-adaptation.md.** 🇨🇳 AI 产品 / SaaS 企业出海完整 SOP — 从竞品调研到 Launch 到商业化的全流程操作手册。覆盖 Phase 0-5(市场验证、定位、前100用户、用户访谈、Beta转增长)+ 开源发布、Product Hunt、Reddit、SEO/GEO、转化与组织原则。**默认面向开发者工具/开源/B2B SaaS;2C 产品(教育/应用/游戏)的启动渠道与指标不同,见 gingiris-seo-geo/references/2c-adaptation.md。** 🇯🇵 AI製品/SaaS海外展開フルサイクルSOP — 競合調査からローンチ、マネタイズまで。Phase 0-5(市場検証、ポジショニング、最初の100ユーザー、ユーザーインタビュー、ベータから成長)+オープンソース、Product Hunt、Reddit、SEO/GEO、コンバージョン、組織原則。 🇰🇷 AI 제품/SaaS 글로벌 진출 완전 SOP — 경쟁사 조사부터 런칭, 수익화까지 전 주기 플레이북. Phase 0-5(시장 검증, 포지셔닝, 첫 100명 사용자, 사용자 인터뷰, 베타→성장) + 오픈소스 런칭, Product Hunt, Reddit, SEO/GEO, 전환, 조직 원칙. Triggers: "go global" | "出海" | "overseas expansion" | "GTM" | "cold start" | "launch strategy" | "international expansion" | "海外增长" | "出海SOP" | "product launch overseas" | "海外进出" | "グローバル展開" | "글로벌 진출" | "go-to-market" | "出海打法"

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

Gingiris-1031/gingiris-skills862026년 10월 15일 업데이트

Runs Ansible diagnostic playbooks using ansible-runner and the Ansible Collections ecosystem (ansible.builtin, community.general). Captures system health, service status, and log analysis across inventory hosts.

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

agentskillexchange/skills542026년 10월 21일 업데이트

Use when planning, sequencing, or troubleshooting an org-wide migration from Salesforce Classic to Lightning Experience. Covers the LEX Transition Assistant Readiness Check, asset triage matrix (Visualforce, JavaScript buttons, page layouts, Knowledge, email templates, list views, AppExchange), pilot/wave rollout sequencing, end-user adoption telemetry, and cutover criteria. Triggers: 'lightning experience transition', 'classic to lightning migration plan', 'LEX readiness check', 'why are some users still on Classic', 'turning on Lightning for everyone'. NOT for individual asset migrations like a single VF page (use lwc/visualforce-to-lwc-migration), a single JavaScript button (use admin/custom-button-to-action-migration), or Knowledge article migration (use admin/knowledge-classic-to-lightning) — this skill orchestrates the program. NOT for Lightning App Builder page design (use admin/lightning-app-builder-advanced).

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

PranavNagrecha/AwesomeSalesforceSkills202026년 10월 21일 업데이트

Production-ready CSS transition snippets for web apps. Use when adding or reviewing UI motion for badges, dropdowns, modals, panel/page reveals, card resizes, number pop-ins, text/icon swaps, success checks, avatar-group hovers, and validation shakes. Supports namespaced commands: transitions reveal (list catalog), transitions review (audit project fit), and transitions apply (install the best-fit snippet with hooks and reduced-motion handling).

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

wordbricks/onequery172026년 7월 30일 업데이트

remotion-video-creation

무료요약 있음AI 평가 80점

React로 영상을 만들 때 Remotion 구현 규칙과 코드 예시를 참고합니다. 애니메이션, 음성, 자막, 차트, 3D와 장면 전환 및 소재 재생 시간을 다룹니다.

  • 문자 애니메이션과 장면 전환 제작
  • 영상에 음성과 자막 추가
  • 영상에서 차트와 3D 표현
affaan-m/ECC28.5만2026년 10월 21일 업데이트

motion-patterns

무료요약 있음AI 평가 90점

React / Next.js의 버튼, 모달, 알림, 페이지 전환에 애니메이션을 추가하고, 표시와 사라짐 및 스크롤에 연동되는 움직임을 구현합니다.

  • 버튼 조작에 움직임을 추가합니다
  • 모달과 알림의 표시와 사라짐을 구현합니다
  • Next.js App Router 페이지 전환을 구현합니다
affaan-m/ECC28.5만2026년 10월 21일 업데이트

frame-glitch-title

무료요약 있음AI 평가 100점

영상 전환이나 사이버펑크풍 메인 비주얼에 쓸 제목 화면을 만듭니다. 색 어긋남, 주사선, 글자 왜곡을 하나의 HTML로 구성합니다.

  • 영상 전환용 제목 화면 제작
  • 사이버펑크풍 메인 비주얼 제작
  • 제목에 가로 방향 글자 왜곡 추가
nexu-io/open-design10.3만2026년 10월 21일 업데이트

remotion

무료

Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.

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

  • Add glitch or light-leak scene transitions
  • Show two videos side by side
  • Overlay a presenter or corner logo
calesthio/OpenMontage7.1만2026년 10월 17일 업데이트

Modernize existing React applications through version upgrades and migration from class components to Hooks, functions for state and lifecycle behavior. Includes React 18 rendering APIs, grouped state updates, and features for prioritizing interface updates.

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

  • Plan an upgrade from React 16 through React 18
  • Rewrite class components with Hooks
  • Extract shared logic into custom Hooks
wshobson/agents4.1만2026년 10월 20일 업데이트

Analyze SaaS customer data with three Python tools that calculate account health, rank churn risk, and prioritize expansion opportunities. Use repeatable weighted scores to plan customer outreach and prepare quarterly business reviews.

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

  • Scoring customer health across an account portfolio
  • Prioritizing outreach to accounts at risk of leaving
  • Ranking upgrade and additional-seat opportunities
alirezarezvani/claude-skills2.8만2026년 8월 30일 업데이트

Audit one datafusion-spark function against Apache Spark 4.2.0. Compare source code, accepted types, and edge cases, verify expected results with PySpark, then fix differences and record remaining gaps as issues and disabled tests.

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

  • Auditing a function for Spark compatibility
  • Checking NULL, overflow, and ANSI mode behavior
  • Finding missing SQL test coverage
apache/datafusion9.5천2026년 10월 21일 업데이트