'devtools' 검색 결과

Review mobile test coverage across real devices and simulated screen sizes. Find gaps in automated checks and CI, the workflow that runs project checks, and add Playwright tests for key mobile user flows.

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

• Reviewing mobile test coverage in CI
• Adding Playwright tests for mobile user flows
• Planning Android and iOS real-device checks

Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.

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

• Finding JPEG and PNG images to convert
• Adding WebP and AVIF sources with fallback images
• Reviewing CSS background image formats

Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.

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

• Auditing image sizes and formats on slow-loading pages
• Serving suitable image sizes for mobile and desktop screens
• Preventing layout shifts while images load

Review image dimensions to find risks of layout shift, where content moves as images load. Get file-level findings and before-and-after HTML using correct width, height, and responsive CSS, while accounting for small decorations with stable sizing.

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

• Investigating content jumps while images load
• Finding images missing width or height attributes
• Preserving image proportions in responsive layouts

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

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

• Checking text against background colors
• Reviewing input borders and meaningful icons
• Checking contrast during hover and keyboard focus

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.

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

• Investigate unnecessary React renders in Remotion Studio
• Identify components responsible for slow updates
• Analyze rendering related to timeline position

Analyze authorized browser extensions for Chrome, Edge, and Firefox. Inspect permissions, background scripts, storage, and network activity to reconstruct key data flows and explain credential handling, signing, encryption, or proxy behavior.

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

• Review extension permissions and entry scripts
• Trace credential handling and network data flows
• Investigate suspicious or compromised extensions

Assess authorized single sign-on systems using SAML, OIDC, and OAuth2. Map the login flow, check signatures, redirects, and token validation, then document reproducible findings and their impact, including identity or tenant confusion.

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

• Review redirect and token checks in a single sign-on flow
• Assess SAML signatures and assertion handling
• Investigate tenant confusion and logout failures

Build and review interfaces against WCAG 2.2 accessibility guidelines. Covers keyboard navigation, screen readers that read interface content aloud, accessible forms, mobile support, and display preferences, helping identify and fix barriers to using a website or app.

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

• Audit an interface for accessibility issues
• Add keyboard navigation and focus management
• Improve screen reader support for forms

Investigate bugs and slow applications through reproducible examples, logs, environment comparisons, and hypothesis testing. The skill structures root cause analysis and performance measurement, helping developers narrow down failures and verify that a fix works.

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

• Investigate bugs that occur only occasionally
• Measure and locate performance bottlenecks
• Collect evidence and reproduce production failures

Analyze malicious JavaScript from phishing pages, payment data theft scripts, and malware downloaders. Unwrap encoded strings and nested execution layers to reveal hidden behavior, identify stolen data fields, and document suspicious destinations for incident response.

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

• Analyzing obfuscated scripts on phishing pages
• Investigating payment data theft on checkout pages
• Examining JavaScript that downloads further malware

Audit websites for accessibility barriers and improve image descriptions, color contrast, forms, keyboard navigation, and screen reader support. Provides code examples and automated and manual testing guidance for work toward WCAG 2.1 AA or AAA accessibility standards.

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

• Auditing a website for accessibility issues
• Fixing form labels and error announcements
• Checking keyboard navigation and dialog focus

Capture an entire web page as a PNG, including content below the visible screen. Handle internal scrolling areas and images that load during scrolling, with tiled capture for very tall pages and support for already-open tabs.

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

• Saving an entire article as an image
• Capturing a dashboard with internal scrolling
• Capturing a page in an already signed-in tab

Convert Wasp blog articles from MDX, a Markdown format with components, into files for DEV.to and Medium. Create or update DEV.to drafts, prepare Medium content, and optionally upload local videos to YouTube.

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

• Prepare Wasp blog articles for DEV.to and Medium
• Create DEV.to drafts or update existing articles
• Prepare article sections and images for Medium

Build Vue 3 components and reusable logic, manage shared application data with Pinia, and configure Nuxt 3 projects. Supports mobile apps, offline web features, TypeScript checks, component tests, and Vite build optimization.

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

• Build Vue 3 components and reusable logic
• Manage shared application data with Pinia
• Configure Nuxt 3 server rendering and static generation

Build, debug, and refactor JavaScript applications for browsers and Node.js. Covers asynchronous tasks with async/await, module organization, performance checks, and test creation, with explicit error handling and modern ES2023+ syntax.

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

• Build a vanilla JavaScript application
• Fix errors in asynchronous API requests
• Organize code into ESM modules

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

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

• Building Angular screens with standalone components
• Managing shared application state with NgRx
• Configuring lazy-loaded routes and access guards

Investigate errors, crashes, and unexpected behavior by reproducing failures, tracing execution, and comparing logs. Tests one explanation at a time, then provides a verified fix, supporting evidence, and tests or safeguards to prevent recurrence.

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

• Investigate error messages and execution traces
• Find the cause of an application crash
• Compare logs to locate a failure

Build a website one page at a time with Stitch. Each round reads a task file, generates and integrates a page, updates the site plan, and leaves instructions for the next round.

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

• Build a site with several pages in repeated rounds
• Keep new pages aligned with a shared design guide
• Add pages following a site roadmap

Automate Chrome using an existing login session through CDP, Chrome’s remote control interface. Open pages, click elements, enter text, extract page content, run JavaScript, and inspect authentication tokens with agent-browser.

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

• Automating tasks on sites where you are already signed in
• Extracting text from web pages
• Clicking buttons and filling in forms

Record a web app workflow on a desktop with a visible system cursor. It produces an MP4 video and a separate log of clicks, hovers, scrolling, and typing, and can re-record existing demo scripts.

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

• Recording a checkout or user invitation workflow
• Creating a feature video for a changelog
• Re-recording an existing demo after UI changes

Automate website interactions and checks with Playwright, a browser automation tool. Create and run scripts for forms, login redirects, broken links, and different screen sizes, with screenshots and execution results to inspect.

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

• Checking redirects after login
• Testing form submissions
• Comparing layouts across desktop, tablet, and mobile sizes

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

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

• Reducing slow initial page loads
• Improving sluggish scrolling and animations
• Reducing image and JavaScript download sizes

Investigate bugs in a running local application using service logs, traces that follow requests across services, and a shared browser. Connect frontend actions to backend activity, inspect failures, and verify that tracing records appear as expected.

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

• Investigating bugs in a running local service
• Following a request across multiple services
• Reproducing frontend issues in a shared browser