菜单
Produce the EdgeQuake WebUI UX/UI map one route at a time (capture screenshots, then immediately write per-page docs and per-page analysis requests). Use when asked to map UI, capture screens page-by-page, avoid agent memory saturation, or generate ux_ui_map artifacts.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Integrate CopilotKit AI components into Next.js frontend for building agentic UIs. Enables context-aware AI agents that can read app state and trigger tools/actions. Supports custom adapters for self-hosted LLMs and multiple provider integrations.
Validate documentation traceability between code annotations (@implements), feature registry, business rules, and use cases. Detect ID collisions, undocumented features, broken cross-references, and namespace violations.
Service management for E2E testing in EdgeQuake. Start, stop, and monitor PostgreSQL, backend API, and frontend services. Includes health checks and logging utilities for interactive testing workflows.
Unified development workflow for EdgeQuake using Makefile commands. Use when starting services, running tests, or managing the full development stack (database, backend, frontend). Provides simplified alternatives to raw cargo/npm commands.
Validate PDF to Markdown conversion quality using multi-dimensional metrics. Assess table accuracy, style preservation (bold/italic/headings), robustness, and performance with standardized F1-scoring methodology.
Capture EdgeQuake WebUI routes with Playwright and write artifacts immediately (screenshots + per-page request JSON + capture index). Use when adding/updating Playwright E2E capture specs or when asked to automate UI screenshot collection.
| name | ux-ui-map-page-by-page |
| description | Produce the EdgeQuake WebUI UX/UI map one route at a time (capture screenshots, then immediately write per-page docs and per-page analysis requests). Use when asked to map UI, capture screens page-by-page, avoid agent memory saturation, or generate ux_ui_map artifacts. |
| license | Proprietary (repository internal) |
| compatibility | Designed for GitHub Copilot agent mode in VS Code; requires Playwright E2E to run the Next.js dev server. |
| metadata | {"repo":"raphaelmansuy/edgequake","area":"ux-ui-mapping"} |
Use this skill when the user asks to:
ux_ui_map/ artifactsProcess exactly one route at a time:
ux_ui_map/pages/ux_ui_map/requests/Do not keep previous pages in working context.
Write these files as you go:
ux_ui_map/pages/{page}.md (page documentation)ux_ui_map/screenshots/{page}/...png (screenshots)ux_ui_map/requests/{page}.json (analysis request inputs)ux_ui_map/capture-index.jsonl (append-only log, one JSON object per captured route)Templates:
Helper script:
Scaffold the expected files/folders for one page:
node .github/skills/ux-ui-map-page-by-page/scripts/page_artifacts.mjs scaffold --page dashboard --route /
Validate that a page has its 3 required screenshots and docs:
node .github/skills/ux-ui-map-page-by-page/scripts/page_artifacts.mjs validate --page dashboard
{page} is a stable slug (e.g. dashboard, documents, query, graph, settings, api-explorer, login).desktop.png, tablet.png, mobile.png.ux_ui_map/pages/{page}.md created/updatedux_ui_map/requests/{page}.json created/updatedux_ui_map/capture-index.jsonlux_ui_map/ artifacts for all routes.”