본문으로 건너뛰기
cccskills

'devtools' 검색 결과

231건 · 관련도순

web-perf

무료

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前の計測として指示した場合のみロードする。事前学習の知識より最新の公式ドキュメントを優先する。

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

daishiman/harness-dev102026년 10월 19일 업데이트

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 型。

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

Fandhe-AI/agent-reference-skills42026년 10월 20일 업데이트

test

무료

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

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

tanabee/skills32026년 10월 17일 업데이트

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.

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

jcasnellie69/homelab-config22026년 10월 16일 업데이트

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.

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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.

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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.

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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.

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

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

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

ekatasingh1107/b2b-gtm-skills22026년 4월 12일 업데이트

openclaw-test-heap-leaks

무료요약 있음AI 평가 90점

OpenClaw 테스트의 메모리 증가와 부족 원인을 조사합니다. 측정값과 메모리 객체 기록을 비교해 실제 해제 누락과 테스트 프로세스의 모듈 보존을 구분하고 수정 결과를 검증합니다.

  • Vitest 메모리 부족 원인을 조사합니다
  • 같은 프로세스의 메모리 기록을 비교합니다
  • 해제 누락과 모듈 보존을 구분합니다
openclaw/openclaw39.3만2026년 10월 20일 업데이트

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
NousResearch/hermes-agent25.5만2026년 10월 20일 업데이트

test-driven-development

무료요약 있음AI 평가 80점

새 기능과 버그 수정 전에 실패하는 테스트를 작성합니다. 최소 구현과 코드 정리를 반복하며 기대 동작과 기존 기능에 미치는 영향을 확인합니다.

  • 테스트를 먼저 작성한 뒤 구현
  • 보고된 버그 재현과 수정
  • 코드 변경 시 기존 동작 확인
addyosmani/agent-skills10.9만2026년 10월 14일 업데이트

performance-optimization

무료요약 있음AI 평가 80점

화면 표시, API, 데이터베이스의 지연을 측정해 원인을 좁히고 개선 전후 수치로 효과를 확인합니다. 효과 없는 변경의 되돌리기와 성능 저하를 막는 감시까지 안내합니다.

  • 페이지 표시와 조작 지연의 원인을 조사합니다
  • API 지연과 반복 쿼리를 줄입니다
  • 변경 후 성능 저하를 확인합니다
addyosmani/agent-skills10.9만2026년 10월 14일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

optimized

무료

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

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
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트