Scissors-Shield is an agentic coding skill designed for Claude Code, Cursor, and Codex CLI agents. It automatically scans frontend files (HTML, React TSX/JSX, Vue) to detect interactive elements and compile clean, robust, and structured E2E Playwright test suites.
- UI Selector Scan: Heuristics scan code to identify form inputs and buttons, prioritizing
data-testidand semantic elements. - Playwright Spec Gen: Generates TypeScript specs (
*.spec.ts) containing standard describe blocks, beforeEach navigation, Happy Path user flows, and validation Sad Path testing. - Interactive Confirmation: Enforces a review block before writing any testing specs to the disk.
Simply copy this folder into your custom agent configuration directory:
- Claude Code:
~/.claude/skills/scissors-shield/ - Workspace Projects:
.agents/skills/scissors-shield/
