본문으로 건너뛰기
cccskills
무료GitHub에 공개

showme

Drive a headed browser to a specific state in a web app (a feature, flow, screen, or bug repro) and leave the window open for the user to explore. Use when the user says "show me X", "take me to that screen", "set up the repro", or wants to try an app state firsthand.

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

연동 도구Playwright
설치 방법 보기

포함된 파일(1)

  • SKILL.md3.1 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

showme

Drive a headed browser to the state the user described, then hand them the live window. You do the setup, they do the exploring.

This skill only adds the headed, leave-open, hand-over wrapper. For the actual driving (navigate, snapshot, click, fill, log in), load the playwright-cli skill and follow it.

Steps

  1. Preflight. Run ${CLAUDE_PLUGIN_ROOT}/skills/playwright-cli/check.sh. If it fails, relay its message to the user and stop. Do not fall back to another automation tool.

  2. Work out the target. From context, find the URL (production, staging, or localhost:PORT), the preconditions that define the state, and the point of interest. If the app is this repo's and its dev server is not running, start it first. Ask one short question only when the target is genuinely ambiguous.

  3. Open a headed, named session. Every later command carries the same -s=showme.

    playwright-cli -s=showme open --headed <url>
    

    If no window appears, a showme session is already running headless. Close it with playwright-cli -s=showme close and reopen. playwright-cli list shows every session and whether it is headed.

  4. Drive to the state with the snapshot-and-ref loop from playwright-cli, stopping just before the point of interest.

  5. Verify before handing over. When the state is a claim to confirm (a bug, a regression, "X happens when you do Y"), trigger the key action yourself and check the outcome, as long as it is non-destructive. Never hand over a window that "should" show something you have not seen it show.

    • It reproduced: reset to just before the action (reload or undo) so the user can trigger it themselves, then hand over and say you confirmed it.
    • It did not reproduce: stop and tell the user the claim did not hold, with what you did and what happened instead of the expected result. Catching this here saves the user a dead-end click-through.
    • The action is destructive, or the state is open-ended exploration: leave the action to the user and hand over.
  6. Hand over. Do not close. The session daemon keeps the window alive. Tell the user in a few lines:

    • It is open: session showme, on which page.
    • You are here: the current state, what you set up, and whether you confirmed the action works.
    • Try this: the exact action, for example "click the blue Save button".
    • You will see: what should happen, so they know what to look for.

    Mention playwright-cli -s=showme close for when they are done.

Notes

  • The open window is the deliverable. Never close it on your own.
  • To keep login state across runs, open with --persistent (profile managed by playwright-cli) or --profile=$HOME/.showme-profile for a directory you choose. The in-memory default forgets everything on close.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Structure AI work artifacts under .aiwork/{YYYY-MM-DD}_{slug}/ folders using the project's protocol (intent, triage, research, spec, prd, areas, plan, review, notes, docs/). Use when the user asks to plan, capture an intent, make a spec, triage, research a task, write a report, code review, summarize findings, save the work, document decisions, record this, write that down, persist findings, or references any path under .aiwork/. Also use when starting a non-trivial task that needs a plan or spec before implementation, or when finishing one and capturing notes.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

Use this skill when the user asks to test, verify, interact with, or automate web pages and browsers. Trigger for requests involving Chrome automation, browser testing, web scraping, screenshot capture, element selection, or checking web applications. Also trigger when user mentions "browser tools" explicitly.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

changelog

무료

Show recent Claude Code changes personalized to user's setup. Trigger when user asks about changelog, "what's new", "cc changelog", "claude code updates", "recent changes", or wants to know what changed in Claude Code.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

Review code changes from current branch, an Azure DevOps PR, a git ref, or a diff/patch file. Trigger when user says "review this", "code review", "/df:code-review", or provides a PR id/URL, ticket URL, git ref, or diff path. Read-only — never posts comments.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

Review code changes from the current branch, staged changes, a git ref, or a diff/patch file. Pure git-native — no platform/PR awareness. Trigger when user says "review this", "review diff", "/aiwork:code-review-diff", or provides a git ref or diff path. Read-only — never posts comments.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

Czech typography rules for web development. Use when building web pages in Czech language, writing Czech content, or fixing typography issues in Czech text. Covers punctuation, dashes, quotes, numbers, units, non-breaking spaces, and HTML entities.

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

lttr/claude-marketplace22026년 10월 22일 업데이트

lttr의 스킬 모두 보기

이 스킬의 문제 신고