Results for “devtools”

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

The English summary is being prepared. Showing the original description.

Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.

The English summary is being prepared. Showing the original description.

Chrome DevTools MCPを使ってWeb performanceを分析する。Core Web Vitals（LCP、INP、CLS）とFCP、TBT、Speed Indexを計測し、render-blocking resources、network dependency chains、layout shifts、cache、accessibilityの問題を特定する。表示速度の監査・計測・デバッグ・最適化、Lighthouse scoreの改善で使用する。既定スタックの必須スキルではないoptional群であり、要件で明示された場合、またはapp-orchestratorがv1前の計測として指示した場合のみロードする。事前学習の知識より最新の公式ドキュメントを優先する。

The English summary is being prepared. Showing the original description.

React Hook Form v7 (RHF、非制御フォームライブラリ) リファレンス。別名 rhf / React-Hook-Form。 useForm, register, handleSubmit, watch, setValue, getValues, getErrors, reset、 Controller, useFieldArray / FieldArray, formState / FormState, ErrorMessage、 resolver (Zod / Yup / Joi)、バリデーション、Server Actions / useActionState、 DevTools (@hookform/devtools)、TypeScript 型。

The English summary is being prepared. Showing the original description.

chrome-devtools を使って動作確認チェックリストに沿ったテストを実行する。「動作確認して」「テストして」「動作テストして」「ブラウザで確認して」「チェックリストを確認して」などの依頼で発火する。

The English summary is being prepared. Showing the original description.

Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.

The English summary is being prepared. Showing the original description.

Full daily sales pipeline execution. Run at 9 AM via cron. Scans for signals, enriches company leads, auto-applies to gigs, runs multi-channel outreach, processes follow-ups. All delivery automated via Chrome DevTools MCP.

The English summary is being prepared. Showing the original description.

End-of-day response check and pipeline update. Run at 6 PM via cron. Checks all channels for replies via Chrome DevTools MCP + Zoho MCP, updates lead statuses, pauses cadence for responded leads, sends EOD report via Telegram.

The English summary is being prepared. Showing the original description.

Determines all follow-up actions due today across the 10-day outreach cadence. Generates content and delivers automatically via Chrome DevTools MCP. Sends Telegram confirmation after completion.

The English summary is being prepared. Showing the original description.

Generates and delivers all outreach for OUTREACH_READY leads. Automated delivery via Chrome DevTools MCP -- email, LinkedIn, Instagram. Gig leads auto-applied on platform. No approval gates.

The English summary is being prepared. Showing the original description.

Find 5 decision makers at a company via Apollo.io UI using Chrome DevTools MCP. No enrichment, no credits used.

The English summary is being prepared. Showing the original description.

Find and validate email addresses using Snov.io via Chrome DevTools MCP. Takes LinkedIn profile URLs and returns verified emails. Replaces ZeroBounce.

The English summary is being prepared. Showing the original description.

Check all outreach channels for replies using Chrome DevTools MCP. Scans Zoho webmail, LinkedIn messaging, and Instagram DMs.

The English summary is being prepared. Showing the original description.

Find phone numbers for decision makers via Lemlist using Chrome DevTools MCP. Takes LinkedIn profile URLs and returns phone numbers where available.

The English summary is being prepared. Showing the original description.

Investigate memory growth and out-of-memory failures in OpenClaw tests. Compare memory measurements and heap snapshots, records of objects held in memory, to distinguish cleanup leaks from retained test modules and verify targeted fixes.

• Investigating Vitest out-of-memory failures
• Comparing heap snapshots from the same process
• Distinguishing cleanup leaks from retained test modules

Debug Node.js from the terminal by pausing execution, inspecting variables, and tracing function calls. Use interactive commands or scripts to investigate failing tests, collect runtime state, and capture CPU profiles or memory snapshots.

• Inspecting intermediate state in failing Node.js tests
• Tracing function calls and unexpected variable values
• Investigating stalled asynchronous processing

Find and fix slow page loads, API responses, and database queries using measurements. Compare results before and after each change, discard changes without clear gains, and add checks or monitoring to catch future slowdowns.

• Investigating slow page loads and sluggish interactions
• Reducing API delays and repeated database queries
• Checking whether a recent change caused a slowdown

Develop and fix code by first writing a failing test, then making it pass and improving the implementation. The skill follows the project's testing tools and checks both the intended behavior and existing functionality.

• Implement new logic with tests written first
• Reproduce a reported bug before fixing it
• Check existing behavior when changing code

Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.

• Checking fallback images for AVIF or WebP delivery
• Reviewing picture element order and attributes
• Fixing image markup with missing descriptions or dimensions

Review image loading settings based on where images appear on a page. Identify offscreen images that should load later, keep important visible images loading promptly, and add image dimensions to reduce layout shifts.

• Reviewing lazy loading for images below the first screen
• Checking loading priority for hero images
• Adding dimensions to lazy-loaded images

Review website JPEGs for progressive encoding, which displays a blurry preview before sharpening. Identify images that could use this format, consider file size and loading behavior together, and explain how to confirm the change in browser developer tools.

• Reviewing how JPEGs appear during loading
• Checking JPEG fallbacks for WebP or AVIF
• Reviewing image delivery through a CDN or build process

Review website images for high-density displays, where standard assets can look blurry. Check higher-resolution versions, HTML and CSS image selection, delivery settings, and loading behavior, then identify specific files or components that need changes.

• Investigating blurry images on high-density displays
• Reviewing srcset for fixed-size and responsive images
• Checking high-resolution CSS background images

Audit website images for excessive file sizes, unnecessary metadata, and loading issues. Apply format-specific compression and cleanup, then compare file sizes before and after changes to show the resulting reduction in image data.

• Finding images that slow page loading
• Comparing file sizes before and after compression
• Removing unnecessary image metadata

Audit web pages for excessive keyword repetition in body text, titles, metadata, and image descriptions. Report frequent terms and their density, identify hidden keyword text, and help rewrite repetitive passages into natural language focused on readers.

• Checking articles for excessive keyword repetition
• Editing repetitive AI-generated content
• Reviewing titles, meta descriptions, and image alt text