跳到正文
FunCoding

visual-evidence

Use for UI changes in an agent-md repository; captures a screenshot and writes the structured markdown evidence required by the visual hook.

Star
968
许可证
MIT
最近提交
2026年9月21日

.agents/skills/visual-evidence/SKILL.md

在 GitHub 上查看

Visual Evidence

Use this skill for any UI-facing change.

  1. Build or start the app in the normal project-specific way.
  2. Capture the changed route with:
./.agent-md/bin/playwright-capture.sh <url> .agent/visual/<name>.png
  1. Write a markdown note next to the image under .agent/visual/.
  2. The note must reference the image filename and include these fields:
# Visual Check

Changed files:
- <path>

Route: <url or route>
Viewport: <width>x<height>
Artifact: <image filename>
Observed result: <what was verified>
  1. Use an independent verifier when possible: another agent, a browser screenshot inspection, or the human.
  2. Do not self-grade visual correctness from code alone.

相似的 Skill

prototype

MAmattpocock/skills288k近 7 天新增 10,178 个 star

angular-developer

AFaffaan-m/ECC278k近 7 天新增 4,046 个 star

官方

firecrawl-build-scrape

FIfirecrawl/firecrawl191k近 7 天新增 2,010 个 star

精选

frontend-design

为界面确定视觉方向和字体,避免模板化的默认样式。

ANanthropics/skills181k近 7 天新增 1,119 个 star

精选

theme-factory

为幻灯片、文档和网页套用主题配色与字体,内置 10 套主题。

ANanthropics/skills181k近 7 天新增 1,119 个 star

精选

web-artifacts-builder

用 React、Tailwind 和 shadcn/ui 构建多组件页面。

ANanthropics/skills181k近 7 天新增 1,119 个 star