메뉴
Quick mobile viewport screenshots. Opens a URL (or uses current page), sets a mobile viewport, takes screenshots, and optionally resets to desktop. Manual: user invokes to check mobile responsiveness of a specific URL.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy. Manual: when the user wants to create, modify, evaluate, or optimize a skill.
Build and sharpen a project's domain model during design: map bounded contexts, test precise concept boundaries with edge cases, compare stated behavior with code, surface contradictions, and write the glossary as terms crystallize. This is the write-side counterpart to /decision-mapping; use it when the model changes, a ubiquitous language needs definition, a bounded context needs naming, or an architectural decision needs an ADR. Triggers on: 'domain model', 'ubiquitous language', 'bounded context', 'context map', 'glossary', 'name this concept', 'model the domain', 'is this term right', and 'write an ADR'. Also triggers when a design reuses a fuzzy term, a subsystem needs a context boundary, or stated behavior and code disagree about a concept. Pairs with /decision-mapping, /spec, and /recon. Manual: /domain-modeling [topic].
Run an adversarial generator-evaluator loop for high-stakes implementation tasks. A generator produces output and a different-model-family evaluator tests it against criteria using adversarial framings. Continue until Stage A passes and Stage B has no CRITICAL findings, or a convergence signal fires twice and escalates. Rework failures with evaluator feedback; use --competitive N for multiple candidates. MANDATORY when an active spec phase has `Harness: yes` and implementation is about to begin; run /harness --from-spec. Triggers on: 'run the harness', 'gen-eval loop', 'adversarial loop', 'iterative review', 'harness this', 'competitive mode', 'run N candidates', 'evaluator feedback', and 'cross-model implementation review'. Also triggers when /verify Deep finds second-pass failures, high-stakes work needs iterative review, /codex-review reports BLOCKING findings, or the user invokes the harness. Pairs with /codex-review, /spec, /verify, and /best-of-n. Manual invocation supports ad-hoc use.
Make a repository presentable for public release: restructure files to ecosystem conventions, generate a first-person README with progressive disclosure, add missing root files such as LICENSE, .gitignore, and CONTRIBUTING, and run a privacy sweep with history scrubbing. Complete one audit-then-fix pass and humanize generated prose at the end. Triggers on: 'polish', 'make presentable', 'clean up this repo', 'prepare for open source', 'make the README better', 'repo restructure', 'README generation', 'open source readiness', 'public repo cleanup', and 'professionalize this repo'. Also triggers when a user wants a repo to look professional, requests README/LICENSE/.gitignore generation, or prepares to publish or open-source a repo. Pairs with /humanizer, /review, and /commit. Manual: invoke with /polish or /polish [path-to-repo].
Create and manage implementation spec files that preserve plan and execution state on disk at $SPECS_DIR/. Record phases (~30 min each, max 6 steps), acceptance criteria, Decisions, a Current Step pointer, and a Completed log; after compaction, read the spec, trust Decisions, and continue from Current Step. MANDATORY when using EnterPlanMode or exiting plan mode; every plan-mode session produces a spec. Triggers on: 'write a spec', 'create a spec', 'spec this out', 'multi-file work', 'multi-phase implementation', 'plan this', 'turn this into a spec', 'persist the plan', 'spec status', 'list active specs', 'close the spec', 'update the spec', 'where did we leave off', 'continue the spec', and 'execute the plan'. Also triggers when a 3+ file implementation is about to start or a non-trivial design must survive future sessions. Pairs with /recon, /codex-review --plan, /harness, /best-of-n, and /verify. Manual: /spec [feature-name] (create), /spec update (checkpoint), /spec status (list), /spec close (finalize).
Three-wave reconnaissance protocol that builds a verified knowledge brief before non-trivial planning, design, debugging, or architecture work. Run this when planning quality is bounded by information quality — before /spec, /hammock, a debugging hypothesis, an architecture decision, or a non-obvious multi-file refactor. Wave 1 fans wide for breadth, Wave 2 verifies load-bearing claims and tests seams, Wave 3 synthesizes the merged corpus from two complementary framings. Output is one merged brief written to a known path, ready for the next planner or skill to consume. Auto-trigger when the user is about to design, plan, refactor, or debug something non-trivial and the codebase isn't already in working memory; also trigger when the user says "recon", "scout", "let me understand X first", "investigate before deciding", "research the codebase for", or asks to verify load-bearing claims about repo state. Skip for trivially-scoped work (1-2 files, obvious path) — direct Glob/Grep/Read is faster.
| name | mobile-preview |
| version | 1.0.0 |
| description | Quick mobile viewport screenshots. Opens a URL (or uses current page), sets a mobile viewport, takes screenshots, and optionally resets to desktop. Manual: user invokes to check mobile responsiveness of a specific URL. |
| allowed-tools | ["Bash","Read"] |
Take mobile viewport screenshots of any URL with a single command.
browser-use --version fails)When to use: --quick flag, or user just wants a fast sanity check.
Quick mode: Single device (iphone-14), top-of-page screenshot only, no scroll shots, no viewport reset. Skip steps 6-7.
When /mobile-preview is invoked, follow this workflow:
The user may provide:
iphone-14)iphone-14,ipad-mini)Examples:
/mobile-preview http://localhost:3000 - iPhone 14 preview of localhost/mobile-preview http://localhost:3000 pixel-7 - Pixel 7 preview/mobile-preview iphone-se,ipad-air - Two devices, current page/mobile-preview http://localhost:3000 iphone-14,ipad-mini,pixel-7 - Multiple devicesbrowser-use open <url>
If no URL given and no browser session is active, ask the user for a URL.
For each device requested:
browser-use python "DEVICE='<device-name>'" && browser-use python --file $STRATA_HOME/skills/browser-use/mobile-viewport.py
After setting the viewport, reload the page so responsive CSS recalculates:
browser-use eval "location.reload()"
Wait briefly for rendering to settle:
browser-use wait text ""
Take above-the-fold screenshot:
browser-use screenshot $HOME/temp/mobile-<device>-top.png
Then scroll down and capture below the fold:
browser-use scroll down
browser-use screenshot $HOME/temp/mobile-<device>-scroll.png
Use the Read tool to view each screenshot immediately after taking it.
If multiple devices were requested, repeat steps 3-5 for each device. Use the device name in the filename to differentiate.
After all screenshots are taken, reset the viewport:
browser-use python "DEVICE='desktop'" && browser-use python --file $STRATA_HOME/skills/browser-use/mobile-viewport.py
Summarize what was captured using this format:
MOBILE PREVIEW: [URL]
====================
Devices: [list]
Screenshots: [count] saved to $HOME/temp/
Issues found:
[HIGH] Horizontal overflow on [element] at [device] viewport
[MEDIUM] Text truncated in [element] - needs line-clamp or responsive font
[LOW] Touch target too small: [element] is [N]px (min 44px recommended)
No issues found. / [N] issues need attention.
After taking all screenshots and before reporting:
--quick)| Preset | Width | Height | DPR | Type |
|---|---|---|---|---|
iphone-se | 375 | 667 | 2 | Phone |
iphone-14 | 393 | 852 | 3 | Phone |
iphone-14-max | 430 | 932 | 3 | Phone |
pixel-7 | 412 | 915 | 2.6 | Phone |
galaxy-s23 | 360 | 780 | 3 | Phone |
ipad-mini | 768 | 1024 | 2 | Tablet |
ipad-air | 820 | 1180 | 2 | Tablet |
browser-use close when fully done.browser-use python "DEVICE='custom'; WIDTH=390; HEIGHT=844; DPR=3" && browser-use python --file $STRATA_HOME/skills/browser-use/mobile-viewport.py$HOME/temp/ - check that this directory exists.