Content
85%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
A well-structured, actionable skill body covering both visual-regression paths with executable code and a complete CI workflow; its only weakness is minor explanatory prose that could be trimmed.
Suggestions
Tighten the 'How it works' line and the Chromatic UI activation walkthrough to assume Claude's familiarity, removing explanatory filler.
The lifecycle hooks table has a formatting error (missing closing backtick on the postVisit row) that should be fixed for clean rendering.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Mostly lean and assumes familiarity with Storybook/Playwright, but prose like 'turns every story into an executable test powered by Jest + Playwright under the hood' and the Chromatic UI walkthrough ('Sign into Chromatic... click Catch a UI change') could be tightened. | 2 / 3 |
Actionability | Provides copy-paste-ready, executable artifacts: npm install commands, package.json snippet, a complete test-runner.ts config, two-step run commands, and a full CI workflow yaml. | 3 / 3 |
Workflow Clarity | Sequences the two-step run process and CI pipeline with explicit gotchas (wait-on before test-storybook, concurrently -k to kill the server), and guards artifact upload with if: always(). | 3 / 3 |
Progressive Disclosure | Well-organized into clearly labeled sections with one-level-deep references to external docs and companion skills; no nested reference chains, and the body appropriately delegates toHaveScreenshot and Chromatic CLI details outward rather than inlining them. | 3 / 3 |
Total | 11 / 12 Passed |