React와 Next.js에서 드래그, 스와이프, 텍스트와 SVG 애니메이션을 구현합니다. 여러 단계의 동작과 로딩 표시를 다루며 용도에 맞는 API 선택도 안내합니다.
- 드래그로 닫는 패널과 정렬 목록 구현하기
- 단어별 텍스트 표시와 숫자 애니메이션 만들기
- SVG 선 그리기와 원형 진행 표시 구현하기
2.9만건 · 관련도순
React와 Next.js에서 드래그, 스와이프, 텍스트와 SVG 애니메이션을 구현합니다. 여러 단계의 동작과 로딩 표시를 다루며 용도에 맞는 API 선택도 안내합니다.
Firecrawl의 `/interact`를 앱에 통합하여 클릭, 양식 입력, 페이지 이동이 필요한 웹 콘텐츠를 가져오는 기능 구현을 돕습니다.
ChatGPT 안에서 조작하는 앱의 구상부터 React 위젯과 상태 공유 구현까지 안내합니다. 현재는 사용이 권장되지 않으며 후속 스킬로 전환하도록 안내합니다.
Add interactive features to published Artifact pages using supported runtime capabilities, features granted by the viewer environment. Build saved checklists, shared data views, connector integrations, Claude-powered interactions, and file uploads or downloads with permission-aware behavior.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Review GitHub Actions workflows that run AI agents, tracing how external input reaches prompts and tools. Produce findings with evidence, severity, impact, and remediation guidance through static analysis, which examines configuration without running attacks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Choose and implement ways to manage data in React apps, from values held by individual components to shared data and cached server responses. Covers Redux Toolkit, Zustand, Jotai, and React Query, including migration from legacy Redux.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Write JavaScript and TypeScript tests with Jest using consistent structure, dependency mocking, and checks for asynchronous code. Includes guidance for snapshots and React components, focusing on user interactions, accessibility, and choosing appropriate assertions for expected results.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Update GitHub Actions when workflow logs warn about deprecated runtimes. The skill guides compatible version selection, pins actions to exact commits, preserves existing workflow behavior, and checks execution results and outputs after the upgrade.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Assess an authorized Active Directory environment by simulating attacks against credentials, permissions, and trust relationships. Use BloodHound and related testing tools to identify paths to administrator access, evaluate detection capabilities, and document findings with remediation recommendations.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Use Curviate CLI, a command-line tool, to publish LinkedIn posts, manage comments and reactions, and save posts. Read the home feed and notifications while handling account selection, post identifiers, and paginated results.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Keep FastGPT build and test workflows aligned across GitHub Actions and Forgejo Actions. Adapt registry destinations, credentials, proxy settings, and platform-specific steps so the corresponding workflows support the internal network environment.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Migrate TanStack Table from v8 to v9 in React by reviewing table creation, state updates, rendering, and shared application hooks. Provides a React-specific checklist and verification steps alongside the required core migration guidance.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create and render Table v9 tables in Preact, including headers and cells. Get guidance on reusable components, Query data integration, and virtualization, which renders only part of a table at a time.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Creates test starters for React and Next.js applications and analyzes coverage reports to find untested code. Supports unit, integration, and browser-based tests, simulated API responses, reusable test data, and test runner configuration.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Review duplicate Google Contacts through gog, compare matching fields and conflicting details, and preview merges before applying them. Only explicitly approved groups are merged, using exact email or phone matches as preferred evidence.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Manage Google Contacts through gog, a command-line tool, to search, create, update, or delete contact records. Find possible duplicates, merge them when needed, process contacts in batches, and export them as vCard files.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Implement and debug data fetching in Expo and React Native apps. Get guidance on API requests, caching, error handling, authentication tokens, offline behavior, and environment configuration, with fetch, React Query, and SWR options.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Integrate charts and architecture diagrams into React or Next.js apps. Plan which parts run in the browser, separate rendering from application state, and address loading performance, mobile layouts, accessibility, and shareable views.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Develop Starknet apps with starknet.js v9.x using examples for contract calls, account management, wallet connections, and transaction handling. It also covers transaction simulation, fee estimates, and paymasters, services that sponsor fees or accept alternative tokens.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Extract a YouTube video’s full transcript and metadata, meaning details such as its title, channel, and like count, through the BrowserAct API. Use the results as source material for summaries, content research, or knowledge bases.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Extract a webpage’s content from its URL and convert it to Markdown, a plain-text format that preserves document structure. Use it to collect articles, blog posts, tutorials, or documentation for reading and further processing.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Find GitHub projects using keywords, minimum stars, and update dates, then collect repository details and contributor profiles through BrowserAct. Results include project descriptions, contributor biographies, personal websites, and Twitter handles for research, recruiting, or collaboration scouting.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.