Crisis Detection Intervention AI
curiositech/some_claude_skills
Detect crisis signals in user content using NLP, mental health sentiment analysis, and safe intervention protocols.
Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions.
Install Visual Playtest
$ npx skills add swyxio/skills --skill visual-playtest -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install swyxio/skills visual-playtest --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/visual-playtest .claude/skills/visual-playtest && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .claude/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/swyxio/skills/tree/main/visual-playtestType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add swyxio/skills --skill visual-playtest -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install swyxio/skills visual-playtest --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/visual-playtest .agents/skills/visual-playtest && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .agents/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add swyxio/skills --skill visual-playtest -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install swyxio/skills visual-playtest --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/visual-playtest .cursor/skills/visual-playtest && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .cursor/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/swyxio/skills.git --path visual-playtest--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add swyxio/skills --skill visual-playtest -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install swyxio/skills visual-playtest --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/visual-playtest .gemini/skills/visual-playtest && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .gemini/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install swyxio/skills visual-playtestInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add swyxio/skills --skill visual-playtest -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/visual-playtest .github/skills/visual-playtest && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .github/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add swyxio/skills --skill visual-playtest -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install swyxio/skills visual-playtest --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/swyxio/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/visual-playtest .opencode/skills/visual-playtest && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "visual-playtest" agent skill from https://github.com/swyxio/skills/tree/main/visual-playtest into .opencode/skills/visual-playtest/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-playtest", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
visual-playtest- GitHub stars
- 175
- Token cost
- ~727 tokens
- SKILL.md length
- 346 words
- Files
- 4 (incl. references)
- Skills in repo
- 89
- Repo updated
- First seen
- Licence
- MIT
At a glance
Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions.
- Works in 6 steps: Open the target at one representative… → Capture the reported state before… → Inspect the top, middle, and bottom of… → …
- Asked to visually check UI changes
- SKILL.md covers Choose the scope, Core pass and Report
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Visual Playtest is an agent skill from swyxio/skills. Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions. Use when asked to visually check UI changes, reproduce a screenshot issue, compare a page with a reference, or playtest representative visual states. Do not use for code-only review or open-ended design ideation.
Its SKILL.md is about 730 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `agents/openai.yaml`, `references/app-interactions.md` and `references/media-workflows.md`).
It sits in Productivity & Automation, covering Brainstorming. The repository describes itself as: Agent skills for Claude Code and other AI agents. The licence is MIT.
When your agent uses it
- Asked to visually check UI changes
- Reproduce a screenshot issue
- Compare a page with a reference
- Playtest representative visual states
Example prompts
- “/visual-playtest”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Open the target at one representative desktop width and one narrow mobile
- Capture the reported state before changing anything. When verifying a fix,
- Inspect the top, middle, and bottom of the page for overlap, clipping,
- Exercise only controls that create a visually distinct state or belong to
- Use a fresh reload for final screenshots and console checks so stale state
- Stop when the named issue and its closest responsive variants are resolved.
What it can do on your machine
Read from SKILL.md and the folder at commit 038ef34. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Visual Playtest loads about 727 tokens when it runs, and up to ~1.5k if it reads all its reference files. Until then it costs about 89 tokens; SKILL.md has 346 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from swyxio/skills at commit 038ef34, republished under its MIT licence (© swyxio). 346 words, ~727 tokens.
Download SKILL.mdSave it as
.claude/skills/visual-playtest/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- visual-playtest
- description
- Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions. Use when asked to visually check UI changes, reproduce a screenshot issue, compare a page with a reference, or playtest representative visual states. Do not use for code-only review or open-ended design ideation.
Visual Playtest
Use the applicable browser-control skill. Match the effort to the request: a static page review is not a full product certification.
For Chrome, follow resilient-computer-use: use a dedicated tab bound by stable ID for actions, screenshots, viewport changes, and console inspection. The user and other Codex chats may keep using Chrome concurrently; coordinate shared focus before any native desktop fallback.
Choose the scope
Identify the few states that can materially change the result: named pages, viewport ranges, theme, scroll position, navigation state, and persistent or fixed UI. Reproduce the user's reported combination before exploring adjacent states.
Load additional guidance only when it is in scope:
- Read references/app-interactions.md for functional QA of controls, dialogs, panels, keyboard flows, or app workspaces.
- Read references/media-workflows.md for audio, video, image-generation, asset-management, download, or media trust-state QA.
- Read neither reference for an ordinary static or content-site visual review.
Do not load both references automatically.
Core pass
- Open the target at one representative desktop width and one narrow mobile width. Add tablet or unusual wide states only when the design or report makes them material.
- Capture the reported state before changing anything. When verifying a fix, compare the same URL, viewport, theme, scroll position, and persistent UI.
- Inspect the top, middle, and bottom of the page for overlap, clipping, overflow, broken wrapping, weak hierarchy, unreadable contrast, awkward empty space, and fixed UI covering content.
- Exercise only controls that create a visually distinct state or belong to the requested flow. A visual review does not require auditing every control.
- Use a fresh reload for final screenshots and console checks so stale state is not mistaken for a current defect.
- Stop when the named issue and its closest responsive variants are resolved. Do not expand into unrelated product QA without evidence or a user request.
Report
Lead with the visual outcome. List observed defects by severity with the viewport/state, evidence, and smallest useful fix. Separate observed facts from inference and unavailable states. Use a table only when several defects benefit from comparison; otherwise keep the report short.
© swyxio, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files (references) in visual-playtest of swyxio/skills.
- SKILL.md
- agents/openai.yaml
- references/app-interactions.md
- references/media-workflows.md
Open the folder on GitHubat commit 038ef34
Compare with similar skills
Visual Playtest next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Visual Playtest this skillswyxio/skills | 175 | — | ~727 | Automated safety check: Pass | MIT | |
| Crisis Detection Intervention AIcuriositech/some_claude_skills | 243 | 3 repos | ~3.8k | Automated safety check: Pass | MIT | |
| Viral Titlekangarooking/kangarooking-skills | 657 | — | ~1.7k | Automated safety check: Pass | None | |
| Actionizeinfranodus/skills | 119 | — | ~3.8k | Automated safety check: Notes | None | |
| Trend To Product MapperMaxKmet/idea-validation-agents | 474 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Foundation Meeting Agendaproduct-on-purpose/pm-skills | 715 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Viral Title
kangarooking/kangarooking-skills
Generate high-potential viral title candidates for content across WeChat public account articles, X/Twitter posts, YouTube videos, Bilibili videos, and similar content platforms.
Actionize
infranodus/skills
Turn insights, findings, or research into an actionable plan with deadlines and scheduled Telegram reminders.
Trend To Product Mapper
MaxKmet/idea-validation-agents
Maps viral social content and trending topics to concrete app opportunities by extracting the underlying problem and validating monetization fit.
Foundation Meeting Agenda
product-on-purpose/pm-skills
Produces an attendee-facing agenda that sets what will be discussed, who owns each topic, and how time will be spent.
Adhd
prassanna-ravishankar/repowire
Parallel divergent ideation via mesh fan-out. An agent skill from prassanna-ravishankar/repowire.
More from swyxio/skills
All 89 skills in this repoProgrammatic Agents
swyxio/skills
Run a selected coding-agent CLI programmatically, with latency, error, usage, cost, and trace logging.
Reserved Handle Policy
swyxio/skills
Design, implement, audit, or refresh protected username and handle namespaces for public products.
New Mac Setup
swyxio/skills
Fully automated new Mac setup for fullstack web developers and AI engineers.
Youtube API
swyxio/skills
Manage YouTube videos programmatically via the YouTube Data API v3 — upload video files, upload custom thumbnails, update video metadata (titles, descriptions, tags), and query video/channel info…
Youtube Studio Batch Upload
swyxio/skills
Batch YouTube Studio upload workflow for videos sourced from Airtable, Google Drive, Loom, YouTube, or local files.
Deep Trajectory Analysis
swyxio/skills
Reconstruct and visually analyze paired agent, game, or policy trajectories to determine whether changed actions produced their intended effects.
Related
Categories
Questions about Visual Playtest
What does Visual Playtest do?
Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions. Visual Playtest is an agent skill from swyxio/skills. Visually inspect a local or deployed site/app in a real browser and report concrete layout, responsive, or design regressions.
When should I use Visual Playtest?
Visual Playtest fits situations like: asked to visually check UI changes; reproduce a screenshot issue; compare a page with a reference; playtest representative visual states.
How do I install Visual Playtest in Claude Code?
Run `npx skills add swyxio/skills --skill visual-playtest -a claude-code`. Or copy the skill folder (visual-playtest in swyxio/skills) into .claude/skills/visual-playtest in your project. Claude Code loads it when a task matches its description.
How do I install Visual Playtest in Codex?
Run `npx skills add swyxio/skills --skill visual-playtest -a codex`. Or copy the skill folder (visual-playtest in swyxio/skills) into .agents/skills/visual-playtest in your project. Codex loads it when a task matches its description.
Can I use Visual Playtest in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add swyxio/skills --skill visual-playtest -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/visual-playtest, .gemini/skills/visual-playtest, .github/skills/visual-playtest and .opencode/skills/visual-playtest in your project.
What does Visual Playtest need to run?
SKILL.md names no scripts, command-line tools or credentials: Visual Playtest is instructions for the agent only.
Does Visual Playtest access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Visual Playtest safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Visual Playtest use?
Visual Playtest is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Visual Playtest use?
About 727 tokens (SKILL.md is roughly 2.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 814 tokens, read only when the agent opens those files.
What are the alternatives to Visual Playtest?
Skills that share tags, products or a category with Visual Playtest: Crisis Detection Intervention AI (curiositech/some_claude_skills, 243 stars), Viral Title (kangarooking/kangarooking-skills, 657 stars), Actionize (infranodus/skills, 119 stars) and Trend To Product Mapper (MaxKmet/idea-validation-agents, 474 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Visual Playtest?
swyxio (a GitHub user) maintains it in swyxio/skills, which has 175 GitHub stars. The repository holds 89 skills in this directory. The repository was last updated on October 5, 2026.
Source: swyxio/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.