MCP Server Builder
anthropics/skills
Guides the design and implementation of Model Context Protocol servers in TypeScript or Python, from tool naming and error messages to evaluation.
视觉审查 - 在产出可视化结果（网页、文档、UI 界面等）后，自动打开/预览结果，通过截图分析视觉质量问题（布局、间距、对齐、排版、颜色、交互状态等），并自主修复发现的问题。
No licenceAuto-check passed
Install Visual Reviewer
$ npx skills add aiskillstore/marketplace --skill visual-reviewer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install aiskillstore/marketplace visual-reviewer --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/aiskillstore/marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .claude/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .claude/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewerType 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 aiskillstore/marketplace --skill visual-reviewer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install aiskillstore/marketplace visual-reviewer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .agents/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .agents/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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 aiskillstore/marketplace --skill visual-reviewer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install aiskillstore/marketplace visual-reviewer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .cursor/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .cursor/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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/aiskillstore/marketplace.git --path skills/barry-liu-888/visual-reviewer--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 aiskillstore/marketplace --skill visual-reviewer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install aiskillstore/marketplace visual-reviewer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .gemini/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .gemini/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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 aiskillstore/marketplace visual-reviewerInstalls 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 aiskillstore/marketplace --skill visual-reviewer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .github/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .github/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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 aiskillstore/marketplace --skill visual-reviewer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install aiskillstore/marketplace visual-reviewer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/barry-liu-888/visual-reviewer .opencode/skills/visual-reviewer && 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-reviewer" agent skill from https://github.com/aiskillstore/marketplace/tree/main/skills/barry-liu-888/visual-reviewer into .opencode/skills/visual-reviewer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "visual-reviewer", 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-reviewer- GitHub stars
- 430
- Token cost
- ~981 tokens
- SKILL.md length
- 258 words
- Files
- 6 (incl. scripts, references)
- Skills in repo
- 1,044
- Repo updated
- First seen
- Licence
- None found
At a glance
视觉审查 - 在产出可视化结果（网页、文档、UI 界面等）后，自动打开/预览结果，通过截图分析视觉质量问题（布局、间距、对齐、排版、颜色、交互状态等），并自主修复发现的问题。
- Works in 5 steps: 打开/预览结果 → 选择截图策略并执行 → 视觉检查清单 → …
- SKILL.md covers 触发条件, 截图策略（按产物类型）, 工作流程 and 工作原则
- Runs PowerShell and Python scripts from its folder; calls python
What it does
Visual Reviewer is an agent skill from aiskillstore/marketplace. 视觉审查 - 在产出可视化结果（网页、文档、UI 界面等）后，自动打开/预览结果，通过截图分析视觉质量问题（布局、间距、对齐、排版、颜色、交互状态等），并自主修复发现的问题。 This skill should be used automatically after producing any visual output. Triggers: 视觉审查, 视觉检查, 界面检查, UI审查, visual review, layout check, 检查界面, 看看效果
Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including scripts and reference files (for example `references/visual_checklist.md`, `scripts/capture_screenshot.py` and `skill-report.json`).
It works with Python. The repository describes itself as: Security-audited skills for Claude, Codex & Claude Code. One-click install, quality verified.
Example prompts
- “/visual-reviewer”
Requirements
- Python 3
- PowerShell
Workflow steps
5 steps, taken from the step headings in SKILL.md.
- 打开/预览结果
- 选择截图策略并执行
- 视觉检查清单
- 自主修复
- 审查报告
What it can do on your machine
Read from SKILL.md and the folder at commit 755bc35. 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
Ships 3 files in scripts/ (PowerShell and Python), which the agent can run.
Shell commands in SKILL.md call:
python
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 Reviewer loads about 981 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 63 tokens; SKILL.md has 258 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); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 258 words (~981 tokens).
- name
- visual-reviewer
- disable
- false
Files
SKILL.md and 5 other files (scripts, references) in skills/barry-liu-888/visual-reviewer of aiskillstore/marketplace.
- SKILL.md
- references/visual_checklist.md
- scripts/capture_screenshot.ps1
- scripts/capture_screenshot.py
- scripts/requirements.txt
- skill-report.json
Open the folder on GitHubat commit 755bc35
Compare with similar skills
Visual Reviewer 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 Reviewer this skillaiskillstore/marketplace | 430 | — | ~981 | Automated safety check: Pass | None | |
| MCP Server Builderanthropics/skills | 180k | 63 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | |
| PDF Processinganthropics/skills | 180k | 48 repos | ~2k | Automated safety check: Pass | Proprietary | |
| NotebookLM Research AssistantPleasePrompto/notebooklm-skill | 7.8k | 14 repos | ~2.4k | Automated safety check: Notes | MIT | |
| Manim Video Productionbrowser-use/video-use | 28k | 6 repos | ~3k | Automated safety check: Pass | MIT | |
| Code Review ChecklistshareAI-lab/learn-claude-code | 78k | 5 repos | ~1.1k | Automated safety check: Pass | MIT |
Similar skills
- Official
- Official
PDF Processing
anthropics/skills
Handles everyday PDF jobs in Python and on the command line: extract text and tables, merge, split, rotate, watermark, fill forms, encrypt and OCR.
NotebookLM Research Assistant
PleasePrompto/notebooklm-skill
Lets Claude Code ask questions of your Google NotebookLM notebooks through browser automation and return answers grounded in your uploaded sources.
Manim Video Production
browser-use/video-use
Produces math and technical explainer videos with Manim Community Edition: concept animations, equation derivations, algorithm walkthroughs and data stories.
Code Review Checklist
shareAI-lab/learn-claude-code
Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.
PPT Master
hugohe3/ppt-master
Generates editable PowerPoint decks, rebuilds slides from images, fills .pptx templates and polishes existing presentations through routed workflows.
More from aiskillstore/marketplace
All 1,044 skills in this repoCode Stats
aiskillstore/marketplace
Analyze codebase with tokei (fast line counts by language) and difft (semantic AST-aware diffs).
Data Processing
aiskillstore/marketplace
Process JSON with jq and YAML/TOML with yq. An agent skill from aiskillstore/marketplace.
Doc Scanner
aiskillstore/marketplace
Scans for project documentation files (AGENTS.md, CLAUDE.md, GEMINI.md, COPILOT.md, CURSOR.md, WARP.md, and 15+ other formats) and synthesizes guidance.
File Search
aiskillstore/marketplace
Modern file and content search using fd, ripgrep (rg), and fzf.
Find Replace
aiskillstore/marketplace
Modern find-and-replace using sd (simpler than sed) and batch replacement patterns.
Project Planner
aiskillstore/marketplace
Detects stale project plans and suggests session commands. An agent skill from aiskillstore/marketplace.
Related
Works with
Questions about Visual Reviewer
What does Visual Reviewer do?
视觉审查 - 在产出可视化结果（网页、文档、UI 界面等）后，自动打开/预览结果，通过截图分析视觉质量问题（布局、间距、对齐、排版、颜色、交互状态等），并自主修复发现的问题。. Visual Reviewer is an agent skill from aiskillstore/marketplace. 视觉审查 - 在产出可视化结果（网页、文档、UI 界面等）后，自动打开/预览结果，通过截图分析视觉质量问题（布局、间距、对齐、排版、颜色、交互状态等），并自主修复发现的问题。 This skill should be used automatically after producing any visual output.
How do I install Visual Reviewer in Claude Code?
Run `npx skills add aiskillstore/marketplace --skill visual-reviewer -a claude-code`. Or copy the skill folder (skills/barry-liu-888/visual-reviewer in aiskillstore/marketplace) into .claude/skills/visual-reviewer in your project. Claude Code loads it when a task matches its description.
How do I install Visual Reviewer in Codex?
Run `npx skills add aiskillstore/marketplace --skill visual-reviewer -a codex`. Or copy the skill folder (skills/barry-liu-888/visual-reviewer in aiskillstore/marketplace) into .agents/skills/visual-reviewer in your project. Codex loads it when a task matches its description.
Can I use Visual Reviewer 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 aiskillstore/marketplace --skill visual-reviewer -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-reviewer, .gemini/skills/visual-reviewer, .github/skills/visual-reviewer and .opencode/skills/visual-reviewer in your project.
What does Visual Reviewer need to run?
Going by SKILL.md and its folder, Visual Reviewer needs PowerShell and Python for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python 3; PowerShell.
Does Visual Reviewer 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 Reviewer 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Visual Reviewer use?
No licence was found for Visual Reviewer or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Visual Reviewer use?
About 981 tokens (SKILL.md is roughly 3.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 1.2k tokens, read only when the agent opens those files.
What are the alternatives to Visual Reviewer?
Skills that share tags, products or a category with Visual Reviewer: MCP Server Builder (anthropics/skills, 180k stars), PDF Processing (anthropics/skills, 180k stars), NotebookLM Research Assistant (PleasePrompto/notebooklm-skill, 7.8k stars) and Manim Video Production (browser-use/video-use, 28k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Visual Reviewer?
aiskillstore (a GitHub organization) maintains it in aiskillstore/marketplace, which has 430 GitHub stars. The repository holds 1,044 skills in this directory. The repository was last updated on October 9, 2026.
Source: aiskillstore/marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.