Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA…
Design & UI
Seth Hobson42k
Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides screenshots alongside change requests. Also use when editing components where spatial context (element identity, DOM references, layout data) supplements text instructions.
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add wshobson/agents --skill visual-edit-precisionNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use Visual Edit Precision
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /visual-edit-precision.
It contains no scripts, only instructions and reference files, so it can't run code on its own.
What the instructions cover
- 1Overview
- 2Process
- 3Key Principles
- 4Common Mistakes
Section headings from the skill's SKILL.md file.
What's inside · 1 files
- SKILL.md
More from Seth Hobson
See all →AI Debt Detector
Use after generating code, after accepting AI suggestions, or when reviewing AI-written modules. Also use when code works but feels brittle, when error handling seems thin, when…
AI & AgentsSeth Hobson42k
Airflow Dag Patterns
Build production Apache Airflow DAGs with best practices for operators, sensors, testing, and deployment. Use when creating data pipelines, orchestrating workflows, or scheduling…
Data & DatabasesSeth Hobson42k
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning…
FrontendSeth Hobson42k
More Claude skills for coding
See all →BrainstormingTop pick
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it…
Coding Workflow
Jesse Vincent312k
Systematic DebuggingTop pick
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
Coding WorkflowJesse Vincent312k
CavemanTop pick
Terse caveman voice: answer first, fluff gone, every technical fact kept. Use for /caveman, "caveman mode", "talk like caveman", "be brief", "less tokens". Stays on until "stop…
Coding Workflow
Julius Brussee117k