claude

design-fidelity

Visual design-fidelity loop: headless screenshots, live computed-CSS deltas, and pixel-drift scoring to match a built site against a live reference. Read-only.

2 on GitHubby hoiungv0.1.0MITupdated 28 days ago
/

Plugin design-fidelity from marketplace sst3-skills in hoiung/sst3-skills. Commands read from the repo's manifest — 27 days ago.

What it installs

Skills (1)

  • design-fidelity

    Screenshot a webpage, compare a local build against the live site, match the design, and pixel-diff drift. Visual-design-fidelity loop — headless full-page captures (desktop+mobile), live computed-CSS reads, and ImageMagick pixel-drift scoring — reusable in any repo.

Slash commands (1)

  • /design-fidelity:design-fidelity

    Run the visual design-fidelity loop — capture headless screenshots, compare a local build against a live reference, read computed-CSS deltas, and pixel-diff drift. Read-only: it measures and suggests, never deploys.

View source on GitHub

More from hoiung/sst3-skills

All 2 plugins →

Sequential three-tier code review (Haiku surface → Sonnet logic → Opus deep). On any tier failure the loop restarts from Tier 1, up to 3 restarts, then escalates to a class sweep and resumes for one final loop before a terminal stop-and-report.

1 skill · 1 command · 3 agents

2

Similar plugins

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling forms, testing sites, taking screenshots, automating web workflows.

1 MCP server

anthropics/claude-plugins-official 47,076

Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling forms, testing sites, taking screenshots, automating web workflows.

1 MCP server

anthropics/knowledge-work-plugins 35,601

45 advanced engineering skills: agent designer, agent workflow designer, RAG architect, database designer + schema designer + SQL assistant, migration architect, observability designer, dependency auditor, changelog generator, API design reviewer, API test suite builder, CI/CD pipeline builder, MCP server builder, skill security auditor, skill tester, performance profiler, focused-fix, browser-automation, full-page-screenshot, git-worktree-manager, monorepo-navigator, codebase-onboarding, interview-system-designer, runbook-generator, spec-driven-workflow, secrets-vault-manager, env-secrets-manager, pr-review-expert, self-eval, tc-tracker, feature-flags-architect, kubernetes-operator, chaos-engineering, ship-gate, slo-architect (error-budget + multi-window burn-rate alerts per Google SRE Workbook), tech-debt-tracker, agent-regression-evals, coding-agent-rollout, commit-craft, agent-run-forensics and i18n-localization. Agent skill and plugin for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw.

48 skills · hooks

alirezarezvani/claude-skills 29,725

ego

claudecodex

Automates browser interactions for web testing, form filling, screenshots, and data extraction

1 skill

citrolabs/ego-lite 22,708

Direct CDP browser control for agents: coordinate clicks, screenshots, persistent Python session, local Chrome or Browser Use cloud. Ships skills only; the `browser-harness` CLI is a one-time install prerequisite.

3 skills

browser-use/browser-harness 19,050

Maintain design-fidelity?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins2 plugins