'chrome' 검색 결과

현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌려주는 스킬. 터미널 한 번의 호출로 코드베이스 → Claude Design 컨텍스트 이관을 수행한다. claude.ai/design 은 사용자의 로그인된 Chrome(claude-in-chrome)으로 구동하되, 상호작용 레이어가 막히면(알려진 chrome-extension 충돌 버그) 깔끔하게 수동 핸드오프로 전환한다. 렌더링 스크린샷 캡처는 하지 않는다. 트리거: "/claude-design", "이 코드베이스를 클로드 디자인으로 옮겨줘", "코드베이스 분석해서 claude design에 전달", "랜딩 디자인 뽑아줘", "claude.ai/design에 보내줘", "클로드 디자인에 디자인 요청해줘", "이 레퍼런스로 디자인 만들어줘", "Claude Design에 시안 요청".

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

Drive Chrome via the DevTools Protocol from JavaScript. Run JS snippets through the `browser-harness-js` CLI — it auto-spawns a long-lived bun HTTP server holding a fully-typed CDP `Session`, and every call (`browser-harness-js 'await session.Page.navigate(...)'`) executes against the same persistent connection. Session, active target, and globals survive across calls. Use when the user wants to automate, script, or inspect a Chrome browser via CDP — single tab or multi-tab, attach to existing Chrome or to a new one launched with --remote-debugging-port.

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

Use Chrome DevTools MCP from .NET agents and .NET-focused repos to inspect, debug, and automate Chrome through an MCP client. USE FOR: the repo needs browser-level debugging for ASP.NET Core, Blazor, WebAssembly, or any .NET app with a web UI; the user wants an MCP server that can inspect console. DO NOT USE FOR: pure .NET code analysis, unit testing, or NuGet/package management; static HTML linting alone. INVOKES: inspect the repository context, edit targeted files, and run relevant build, test, lint, or validation commands when changes are made.

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

Plan, implement, or review chrome devtools work in an existing codebase with compatibility, security, and verification controls. Use when the user explicitly requests chrome devtools work.

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

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when "browser extension, chrome extension, firefox addon, extension, manifest v3, " mentioned.

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

Interact with local Chrome browser session (only on explicit user approval after being asked to inspect, debug, or interact with a page open in Chrome)

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

chrome-devtools-mcp launcher — a single bash script that resolves Playwright's bundled Chrome-for-Testing and Node.js directly through Nix. See repo README for usage, override mechanisms, and version compatibility.

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

Diagnose and fix Claude in Chrome MCP extension connectivity issues. Use when mcp__claude-in-chrome__* tools fail, return "Browser extension is not connected", or behave erratically.

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

chrome-devtools-mcp launcher — a single bash script that resolves Playwright's bundled Chrome-for-Testing and Node.js directly through Nix. See repo README for usage, override mechanisms, and version compatibility.

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

This skill provides guidance for using Chrome DevTools MCP for browser debugging and automation. Use when debugging web pages, analyzing performance, inspecting network requests, viewing console messages, or interacting with Chrome DevTools features programmatically.

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

Build cross-browser extensions with WXT — the modern framework for Chrome, Firefox, Safari, and Edge extensions. Use when someone asks to "build a browser extension", "Chrome extension with React", "WXT framework", "cross- browser extension", "manifest v3 extension", "build Firefox extension", or "browser extension with TypeScript". Covers content scripts, background workers, popup/options pages, storage, messaging, and publishing.

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

Design desktop window systems that feel native on macOS and Windows: split views, inspectors, auxiliary windows, tiling, snap-safe sizes, default placement, and chrome density. Use when a Tauri/Electron/WinUI/SwiftUI app feels awkward, overlapping, over-chromed, or generic, or when you need a real geometry contract for multiple surfaces. NOT for mobile layouts, marketing pages, or CSS-only component styling without multi-window or multi-pane behavior.

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

Browser automation CLI for AI agents using agent-browser. Use for navigating websites, clicking/filling pages, screenshots, data extraction, web app testing, exploratory QA, dogfooding, Electron apps, Slack automation, Vercel Sandbox browser runs, AWS AgentCore cloud browsers, auth-heavy flows, and long autonomous browser sessions. Prefer over generic browser tools when a fresh/tool-managed Chrome session is fine. NOT for the user's real Chrome cookies/profile (see mk:chrome-profile); NOT for reusable Playwright specs (see mk:qa-manual).

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

Premium monochrome design: production-level neutral ramp, sheen, materials and lighting. Use when implementing, reviewing or testing premium monochrome design for React, Vite, Next.js or Perfect_AI projects.

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

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3.

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

Chrome Web Storeのユーザーレビューへの返信を生成。ポジティブ・ネガティブ両方に対応。「レビュー返信」「レビュー対応」などで使用。

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

Start the Openrind Desktop dev stack via Docker and verify real user flows via Chrome MCP. Triggers when user mentions: - "dev-up.sh" - "docker dev stack" - "verify in chrome mcp" - "test the real flow"

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

Launch GStack Browser — AI-controlled Chromium with the sidebar extension baked in. Opens a visible browser window where you can watch every action in real time. The sidebar shows a live activity feed and chat. Anti-bot stealth built in. Use when asked to "open gstack browser", "launch browser", "connect chrome", "open chrome", "real browser", "launch chrome", "side panel", or "control my browser". Voice triggers (speech-to-text aliases): "show me the browser".

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

Design desktop window systems that feel native on macOS and Windows: split views, inspectors, auxiliary windows, tiling, snap-safe sizes, default placement, and chrome density. Use when a Tauri/Electron/WinUI/SwiftUI app feels awkward, overlapping, over-chromed, or generic, or when you need a real geometry contract for multiple surfaces. NOT for mobile layouts, marketing pages, or CSS-only component styling without multi-window or multi-pane behavior.

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

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3.

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

공개 전 웹 페이지를 브라우저로 조작해 폼과 인증, 세 가지 화면 너비의 표시 차이, 속도 지표와 접근성을 점검하고 공개 가능 여부와 수정 사항을 정리합니다.

• 테스트 환경의 새 기능을 검증합니다
• 공개 전 폼과 인증을 확인합니다
• 세 가지 화면 너비의 표시를 비교합니다

개발 중인 Hermes 데스크톱에서 요소 존재 여부, 실제 CSS 값, 우선 적용된 규칙, 콘솔 출력을 읽어 화면 변경의 반영 여부와 원인을 확인합니다.

• 실행 중인 화면에서 UI 변경 확인
• 실제로 적용된 CSS 규칙 조사
• 디자인 토큰의 실제 값 확인

브라우저를 직접 제어해 클릭, 문자 입력, 정보 수집과 화면 캡처를 수행합니다. JavaScript로 표시되는 페이지와 로그인된 화면에서 작업하고 사이트 동작을 확인합니다.

• 웹사이트 클릭과 문자 입력 자동화
• JavaScript로 표시되는 정보 수집
• 로그인된 브라우저에서 작업

연구 지원금 심사를 위해 가설, 연구 방법, 단계별 목표, 위험을 정리합니다. 상아색 바탕과 검은 글자를 사용해 차분한 글 중심 HTML 슬라이드로 만듭니다.

• 연구 지원금 심사용 자료 제작
• 연구 결과를 글 중심 보고서로 정리
• 학술 및 정책 설명 자료 제작