스킬 찾기

동작 확인이나 PR 녹화에 자막, 확대, 재생 속도 조절을 적용해 설명이 담긴 MP4를 만듭니다. 원본 영상은 증거로 보존합니다.

• PR 녹화에 조작 설명 자막을 추가합니다
• 화면에서 조작하는 부분을 확대합니다
• 동작 확인 영상의 대기 시간을 줄입니다

OpenClaw의 browser 도구로 로그인 상태와 탭을 확인하며 여러 단계의 웹 작업을 진행합니다. 오래된 조작 대상 참조와 시간 초과 문제도 다룹니다.

• 여러 단계의 웹 작업을 진행합니다
• 조작 전에 로그인 상태를 확인합니다
• 탭을 재사용하고 중복 탭을 정리합니다

Find meme templates that fit a joke or topic, then add captions to create an image draft. Save the result locally as SVG or PNG, or use Imgflip to generate a hosted image URL.

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

• Choose a meme format for a joke
• Search templates by name or topic
• Create a captioned SVG or PNG draft

Develop features and fix bugs by running a failing test first, making the smallest passing change, then refactoring. Check at least 80% test coverage and preserve evidence of failures, successful fixes, and verified behavior.

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

• Implementing a new feature from tests
• Reproducing a bug before fixing it
• Refactoring code while keeping tests passing

Record web application demos with Playwright, a browser automation tool. The workflow explores the interface, rehearses each step, and produces WebM videos with visible cursor movement, subtitles, and readable pacing.

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

• Creating a video walkthrough of a new feature
• Recording tutorials for new users
• Adding operation videos to documentation

Write or repair React tests around user actions and visible results. Cover components and hooks, simulate network responses, check accessibility, and decide when real browser component tests or end-to-end tests across pages are needed.

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

• Adding behavior tests to React forms and components
• Testing custom hooks and asynchronous updates
• Simulating successful and failed API responses

Develop applications through separate planning, building, and evaluation agents. The workflow tests the running app, scores its design and functionality, and feeds specific issues back into repeated development cycles with configurable quality thresholds and iteration limits.

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

• Turning a brief idea into an application specification
• Refining frontend design through separate evaluation
• Testing and improving full-stack application features

Package Python apps as Windows installers using Nuitka and Inno Setup. Review compilation settings, remove unnecessary files, and analyze DLLs, shared library files, to reduce package size and improve startup behavior.

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

• Build a Windows installer for a Python desktop app
• Find large dependencies and reduce distribution size
• Investigate apps that fail on a clean Windows system

Build a scheduled agent that collects public website or API data, summarizes or scores it with Gemini Flash, and stores results. Includes guidance for duplicate removal and using user feedback to inform future scoring.

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

• Collecting job listings and scoring their relevance
• Tracking product prices on a schedule
• Collecting news and classifying it by topic

Build Playwright tests that reproduce browser interactions, organize reusable page operations, and run checks automatically. Investigate tests that fail inconsistently, and save screenshots, videos, and execution traces to help diagnose failures.

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

• Testing login and search flows
• Organizing reusable page operations
• Investigating intermittent test failures

Test deployed web pages through browser automation. Check forms, login flows, loading and responsiveness metrics, visual changes at three screen widths, and accessibility issues, then receive a report with fixes and a release verdict.

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

• Testing a feature deployed to staging or preview
• Checking forms and login flows before release
• Comparing layouts at three screen widths

Build end-to-end tests that operate Windows desktop apps through pywinauto and Windows UI Automation, an interface for accessing screen controls. Covers stable element selection, waits, failure screenshots, test isolation, and CI setup for native applications.

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

• Building automated tests for Windows desktop workflows
• Diagnosing intermittent GUI test failures
• Adding stable identifiers to screen controls

Explain concepts through detailed, interactive machines drawn from an angled view. The skill produces standalone HTML, SVG, or React components, with moving parts and numerical readouts driven by the same model so readers can explore how the idea works.

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

• Explain an abstract concept through a moving machine
• Add an interactive figure to a technical article
• Create a standalone HTML explainer

Record a website's network traffic in a HAR file, a log of requests and responses, then derive an HTTP client from its JSON requests. Reuse captured request details to run searches or fetch data without repeated browser interaction.

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

• Building a command-line client for a website
• Repeating searches without browser interaction
• Examining autocomplete or feed requests

Build landing pages where scrolling advances video and visual effects. The skill guides interviews, visitor journeys, asset preparation, and HTML implementation, then checks screenshots across scroll positions, mobile layouts, and reduced-motion settings.

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

• Create a landing page with scroll-controlled video
• Present a brand story through changing scenes
• Build a page using existing photos and footage

Design and build landing pages, cinematic scrolling websites, or products with multiple screens. Define colors, typography, and motion before coding, then check screenshots, performance, readability, and visual consistency across the finished pages.

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

• Building or redesigning a landing page
• Creating a story told through scrolling
• Giving multiple product screens a consistent design

Test local web applications with Playwright, a browser automation tool. Check frontend functionality, investigate interface behavior, capture screenshots, and inspect browser logs, with a helper script that manages one or more application servers during testing.

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

• Checking buttons and forms in a local web app
• Investigating interface problems with screenshots and logs
• Testing with both frontend and backend servers running

Create logos, business card mockups, HTML presentations, banners, social images, and SVG icons. Define shared brand colors and typography, then carry those choices into visual assets and interface styling.

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

• Create logos and business card mockups
• Design social images for multiple platforms
• Build pitch decks in HTML

Launch GStack Browser, a visible Chromium browser controlled by an AI agent. Watch actions in a sidebar activity feed and use sidebar chat to request page navigation, clicks, form entry, and reading page content.

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

• Watching an AI agent operate a browser
• Requesting page navigation and form entry through sidebar chat
• Viewing browser actions during QA or design review

Review a site's visual quality, find inconsistent styling, awkward spacing, unclear emphasis, repetitive AI-generated design patterns, and slow interactions. Fix the source code in focused commits and verify the changes with before-and-after screenshots.

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

• Finding inconsistent styling across a site
• Fixing spacing and visual emphasis
• Polishing a live site's appearance

Controls a browser directly to click, type, navigate, extract page data, and take screenshots. Useful for testing websites and working with pages that require JavaScript rendering, interaction, or an existing signed-in browser session.

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

• Automate clicks and text entry on websites
• Extract data from JavaScript-rendered pages
• Work with pages in a signed-in session

Helps you integrate hosted browser automation through Browser Use Cloud APIs and Python or TypeScript SDKs. Reference guides cover authentication, sessions, saved browser profiles, live views, and connections to existing agents or workflow services.

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

• Add cloud browser tasks to an app
• Give an existing agent browser access
• Manage login sessions and browser profiles

Set up automated checks and deployment workflows with GitHub Actions. Covers tests, type checks, builds, security audits, preview deployments, staged releases, and rollback plans, with guidance for diagnosing failures and reducing pipeline runtime.

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

• Set up CI for a new project
• Add automated tests and quality checks
• Plan staged deployments and rollbacks

Verify Paperclip through real browser or command-line journeys across source checkouts, published npm installations, or existing hosted environments. Record the exact version, platform, starting data, observed behavior, and supporting evidence for each tested journey.

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

• Checking first-time installation and onboarding
• Verifying features with fresh or existing data
• Testing a specific published npm version