스킬 찾기

Access and test protected Vercel deployments with agent-browser using an existing Vercel identity and a short-lived authentication token. Keep deployment protection enabled while diagnosing login redirects, environment access mismatches, and application authentication errors.

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

• Testing a protected Preview deployment
• Diagnosing Vercel login redirects and protection errors
• Identifying access rules needed for Production testing

Automate page interactions and screenshots with agent-browser running in AWS Bedrock AgentCore cloud browsers. Use standard browser commands, preserve login state across sessions with persistent profiles, and watch active sessions through an AWS Console link.

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

• Run browser automation on AWS
• Reuse login state across browser sessions
• Watch a cloud browser session live

Set up a browser automation command-line tool for agents to navigate sites, fill forms, extract data, and capture screenshots. It also points to dedicated guides for app testing, Electron desktop apps, and cloud browsers.

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

• Automate form entry and navigation on websites
• Extract page data and capture screenshots
• Explore web apps to find bugs and quality issues

Add browser automation to Vercel apps by running agent-browser and headless Chrome in temporary, isolated virtual machines. Capture screenshots, inspect page structure, and complete multi-step forms while preserving browser state between commands.

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

• Add website screenshot capture to a Vercel app
• Fill and submit forms across multiple browser commands
• Run recurring browser tasks with Vercel Cron Jobs

Automate Electron desktop apps with agent-browser through CDP, a browser debugging connection. Click controls, enter text, extract content, and capture screenshots while switching between app windows or embedded pages for routine work and testing.

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

• Automating clicks and form entry in desktop apps
• Extracting text and screen information from apps
• Capturing screenshots for application testing

Follow practical agent-browser workflows to inspect pages, click elements, fill forms, extract information, and take screenshots. The guide also covers waiting for page changes, saving login state, and keeping separate browser sessions for different tasks.

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

• Complete website forms and confirm the resulting page
• Extract table text and link URLs from pages
• Capture full-page or annotated screenshots

Handle Slack tasks through browser automation, including checking unread channels, searching conversations, and sending messages. Extract channel details or message text, and save screenshots to document what was found in the workspace.

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

• Checking unread channels and direct messages
• Finding past conversations or who said something
• Extracting channel details and message text

Record a website's browser traffic, identify its internal API, and generate a script, command-line tool, or library that calls it directly. Turn recorded search and browsing flows into reusable functions, then verify them against live responses.

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

• Build a command-line tool for a website
• Turn repeated searches into direct API calls
• Inspect request and response structures from recordings

Turn existing website workflows into experimental WebMCP tools that agents can call. Create scripts, test cases, and reports to check that tool calls match the interface’s behavior and handle invalid inputs safely.

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

• Expose an existing website workflow as an agent tool
• Check that tool calls produce the expected interface changes
• Test invalid inputs, cancellation, and recovery

Explore a web application as a user to find reproducible bugs and usability problems. Produce a structured report with reproduction steps, screenshots, and videos for interactive issues, giving responsible teams concrete evidence to investigate.

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

• Checking a web app's quality before release
• Testing forms and common user workflows
• Finding confusing interfaces and visual problems

Find installable agent skills for a specific task, check their sources and adoption, and present relevant options with explanations, links, and installation commands. Help install a selected skill when the user wants to proceed.

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

• Find skills for a specific task or field
• Compare skill sources and adoption before installation
• Get installation commands and links for relevant skills

Write, review, and refactor React and Next.js code using performance guidelines ranked by impact. Covers sequential data requests, downloaded code size, server work, and unnecessary rendering to guide concrete implementation improvements.

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

• Review React and Next.js code for performance issues
• Improve data fetching that waits on sequential requests
• Reduce downloaded code size and loading time

Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.

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

• Improving long lists and scrolling performance
• Reviewing Reanimated animations and gestures
• Choosing image, navigation, and modal implementations

Refactor React components into reusable pieces with clearer interfaces. Provides patterns for replacing excessive boolean settings, sharing state through providers, and designing component libraries, with additional guidance for React 19 APIs.

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

• Refactor components with too many boolean settings
• Design a reusable component library
• Review shared state and provider structure

Audit deployed Vercel projects for cost and performance improvements using production metrics. Examines usage, settings, and relevant code, then produces ranked recommendations supported by verified files and documentation matching the framework version.

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

• Investigate Vercel usage and cost drivers
• Find routes with measured performance problems
• Assess caching opportunities using traffic data

Review documentation and prose against the latest Writing Guidelines. Provide files or a file pattern, and the skill checks the retrieved rules and returns concise findings with file names and line numbers.

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

• Review documentation before sharing
• Check writing style across several files
• Review a page's voice and tone

Deploy and manage Vercel projects using access tokens instead of interactive login. Covers selecting the right project and team, preview deployments, environment variables, domains, and checking deployment status and logs.

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

• Deploy a preview using an access token
• Add or retrieve environment variables
• Check deployment status and build logs

Deploy apps and websites to Vercel and get a URL to share. The skill selects a deployment method based on Git integration and authentication, using preview deployments by default and production deployments when explicitly requested.

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

• Share an app through a preview URL
• Deploy a website to production
• Set up deployments triggered by Git pushes

Review web interface code against the latest Web Interface Guidelines to identify issues in design, usability, and accessibility. Specify files or a file pattern, and receive concise findings with file names and line numbers.

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

• Review the code behind a web interface
• Check accessibility against the guidelines
• Request a design or usability review

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

Add and troubleshoot a developer panel in Svelte 5 json-render apps. Inspect JSON screen definitions, edit application state, review action and streaming timelines, browse component catalogs, and select elements directly from the page.

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

• Add a developer panel to a Svelte app
• Inspect screen definitions and edit application state
• Review action and streaming timelines

Build Svelte interfaces for json-render using 36 ready-made components. This skill guides component selection, connects component definitions to implementations, and explains form validation settings for apps using Svelte 5 and Tailwind CSS.

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

• Add standard UI components to a Svelte app
• Build forms with configurable validation
• Prepare component definitions for server-side prompts

Add and configure an inspection panel for Vue json-render apps. This skill guides setup and troubleshooting so you can inspect UI definitions, edit state, review action and stream timelines, browse catalogs, and select page elements.

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

• Adding an inspection panel to a Vue app
• Inspecting UI definitions and editing state
• Reviewing action and stream timelines

Create HTML or plain-text emails from JSON specifications with React Email. This skill guides reusable email components, conditional content, server-side rendering, and browser previews for transactional messages such as signup notifications and marketing emails.

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

• Create signup notifications and other transactional emails
• Build marketing emails from JSON specifications
• Vary email content using state and conditions