A
akkijp/app-spec-crawler-skill
Claude Code skill: point it at any web app you're logged into and get a screen spec with screenshots
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"akkijp-app-spec-crawler-skill": {
"command": "npx",
"args": ["skills"]
}
}
}解析自我们于 2026-11-11 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"akkijp-app-spec-crawler-skill": {
"command": "npx",
"args": ["skills"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio akkijp-app-spec-crawler-skill -- npx skills
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 0 ★ · akkijp/app-spec-crawler-skill · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-11-12 · 最近见到 2026-11-14 · 共见到 3 次 · 被 2 个来源列出
- 评分构成
- 综合分 203 · 2 个来源 · repo
- 安装
npx skills
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx skills。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: Agent 技能、浏览器自动化。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
akkijp/app-spec-crawler-skill；我们收录于 2026-11-12；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。Point Claude Code at any web app you're logged into. Get the spec — every screen
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
English · 日本語
https://github.com/user-attachments/assets/0f28552f-e581-4f41-b838-a610962fed5f
Recorded on an earlier run of the WordPress sample (51 screens, 381 spec items). With sound.
I inherited an admin panel with no documentation. This Claude Code skill walks every screen in your own logged-in Chrome, takes a full-page screenshot of each, and has Claude write the documents you wish had come with the system.
## Use it for
Internal tools nobody documented
Taking stock of a SaaS before you migrate off it
Onboarding: "what does this system even do?"
## What you get
System guide — one page for newcomers: what the system does, a map of the screens, the main workflows, the rules
Screen spec — every screen, with numbered spec items. Each item says whether it was Verified on screen, Inferred, or still To confirm, and links to the screenshot it came from
Both are plain HTML. Open them in a browser, zip them, hand them over.
See a real one → A WordPress admin: 50 screens, 376 spec items, nothing written by hand.
The documents are written in the language you talk to Claude in. Five languages are supported: English, Japanese, Simplified Chinese, Spanish and Korean. In any other language the frame is in English. The Chinese, Spanish and Korean wording is machine-translated; corrections are welcome.
## Read-only
The crawler opens pages by URL and looks. It has no code that types into a field or submits a form.
It never clicks Save, Delete, Approve, Send or anything like them. The only clicks are on in-page tabs.
It does not open URLs that contain words such as logout, delete, approve or export.
It does not open links that carry an anti-forgery token (_wpnonce, csrf_token, authenticity_token…) or an action parameter that is not known to be read-only. Some apps change data on a plain link — WordPress "Trash" and "Activate" are examples — and this is how such links are recognised.
Every URL it decided not to open is listed, with the reason, in safety_report.json.
What it cannot know: an app can change something merely because a page was opened. WordPress, for example, creates a draft the moment "Add Post" loads. If you know of such a screen, exclude it with --exclude. On a system you cannot afford to disturb, ask the people who built it first.
Details: how the safety rules work, the full policy.
## Install
bash
npx skills add akkijp/app-spec-crawler-skill
That copies the skill into your Claude Code skills folder. Then ask Claude Code to run the app-spec-crawler doctor, and it tells you what else is needed.
Or paste this into Claude Code. Claude installs the skill with git, puts the command on your PATH, and checks that it can run.
text
Install the Claude Code skill app-spec-crawler.
1. git clone https://github.com/akkijp/app-spec-crawler-skill.git ~/.claude/skills/app-spec-crawler
(if it already exists, do not overwrite it — ask me)
2. mkdir -p ~/.local/bin && ln -sf ~/.claude/skills/app-spec-crawler/bin/app-spec-crawler ~/.local/bin/app-spec-crawler
3. Run app-spec-crawler doctor and show me the result as it is.
https://github.com/user-attachments/assets/0f28552f-e581-4f41-b838-a610962fed5f
Recorded on an earlier run of the WordPress sample (51 screens, 381 spec items). With sound.
I inherited an admin panel with no documentation. This Claude Code skill walks every screen in your own logged-in Chrome, takes a full-page screenshot of each, and has Claude write the documents you wish had come with the system.
## Use it for
Internal tools nobody documented
Taking stock of a SaaS before you migrate off it
Onboarding: "what does this system even do?"
## What you get
System guide — one page for newcomers: what the system does, a map of the screens, the main workflows, the rules
Screen spec — every screen, with numbered spec items. Each item says whether it was Verified on screen, Inferred, or still To confirm, and links to the screenshot it came from
Both are plain HTML. Open them in a browser, zip them, hand them over.
See a real one → A WordPress admin: 50 screens, 376 spec items, nothing written by hand.
The documents are written in the language you talk to Claude in. Five languages are supported: English, Japanese, Simplified Chinese, Spanish and Korean. In any other language the frame is in English. The Chinese, Spanish and Korean wording is machine-translated; corrections are welcome.
## Read-only
The crawler opens pages by URL and looks. It has no code that types into a field or submits a form.
It never clicks Save, Delete, Approve, Send or anything like them. The only clicks are on in-page tabs.
It does not open URLs that contain words such as logout, delete, approve or export.
It does not open links that carry an anti-forgery token (_wpnonce, csrf_token, authenticity_token…) or an action parameter that is not known to be read-only. Some apps change data on a plain link — WordPress "Trash" and "Activate" are examples — and this is how such links are recognised.
Every URL it decided not to open is listed, with the reason, in safety_report.json.
What it cannot know: an app can change something merely because a page was opened. WordPress, for example, creates a draft the moment "Add Post" loads. If you know of such a screen, exclude it with --exclude. On a system you cannot afford to disturb, ask the people who built it first.
Details: how the safety rules work, the full policy.
## Install
bash
npx skills add akkijp/app-spec-crawler-skill
That copies the skill into your Claude Code skills folder. Then ask Claude Code to run the app-spec-crawler doctor, and it tells you what else is needed.
Or paste this into Claude Code. Claude installs the skill with git, puts the command on your PATH, and checks that it can run.
text
Install the Claude Code skill app-spec-crawler.
1. git clone https://github.com/akkijp/app-spec-crawler-skill.git ~/.claude/skills/app-spec-crawler
(if it already exists, do not overwrite it — ask me)
2. mkdir -p ~/.local/bin && ln -sf ~/.claude/skills/app-spec-crawler/bin/app-spec-crawler ~/.local/bin/app-spec-crawler
3. Run app-spec-crawler doctor and show me the result as it is.
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/akkijp-app-spec-crawler-skill/)
- 来源
- github · https://github.com/akkijp/app-spec-crawler-skill
- 按领域浏览
- Agent 技能, 浏览器自动化
- 收录来源
- 2 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。