Borrowing it
Nothing to install: this file belongs to saschb2b/okf-studio. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/saschb2b/okf-studio/main/.agents/skills/storybook-pentest/SKILL.mdgit clone --depth 1 https://github.com/saschb2b/okf-studioWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/saschb2b/okf-studio/storybook-pentest)<a href="https://agentmods.dev/skills/saschb2b/okf-studio/storybook-pentest"><img src="https://agentmods.dev/badge/skills/saschb2b/okf-studio/storybook-pentest/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/saschb2b/okf-studio/storybook-pentest"><img src="https://agentmods.dev/badge/skills/saschb2b/okf-studio/storybook-pentest.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00227 | $0.02543 |
| Opus 5.5 | $0.00091 | $0.01017 |
| Sonnet 5.5 | $0.00045 | $0.00509 |
| Haiku 4.5 | $0.00023 | $0.00254 |
Grade A, and why
storybook-pentest scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 92 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Storybook Pentest
A UI/UX pentester for Storybook. Stories showcase components in isolation, but the variants a team writes are the happy paths. This skill runs two passes against them. The attack pass asks does it break: the edge cases that fail in production (long German compounds, empty lists, RTL, forced colors, a keyboard user in a modal) usually have no story. The value pass asks does it do its job: a component can survive every attack and still be the wrong button, with an unguessable control, a generic error, or a promise its name makes and its behavior does not keep. Both write every confirmed failure into a findings bundle with screenshot evidence, severity, and a reproducible URL, so a human or another agent can fix the product. The depth lives in the OKF bundle in references/; this file is the procedure.
Stance: two questions, and honest confidence
Break and serve are different questions, and the skill answers both. Breakage is mostly objective; fitness for purpose is partly judgment, so the value pass is grounded in named evaluation methods (Nielsen's heuristics, the cognitive walkthrough, Jakob's Law, published content rules) and every value finding cites the method it rests on. Two honesty rails hold throughout. Automated scanning has a measured ceiling (axe-core catches at most about 57 percent of WCAG issues by Deque's own figure; the GDS audit found the best tool caught 40 percent of 142 seeded barriers), so the automated axes give cheap breadth and the simulation and value axes are where the skill earns the word pentest. And every finding carries a confidence: confirmed for objective breakage and rule-cited content, needs-review for the genuine judgment calls, which are surfaced as questions for the human, never asserted as defects. Calibration in a11y-scan.md; the confidence rule in finding.md.
The layered driving surface
Never assume one integration; detect, then use the highest layer available. The detection ladder and per-layer capabilities are in references/surface/:
What ships with it
31 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- CARD.manifest.json 3.8 KB
- CARD.md 4.9 KB
- CARD.svg 10.0 KB
- permissions.yaml 340 B
- references/attacks/a11y-scan.md 4.5 KB
- references/attacks/content-stress.md 4.6 KB
- references/attacks/data-states.md 5.0 KB
- references/attacks/geometry-motion.md 3.9 KB
- references/attacks/i18n.md 4.1 KB
- references/attacks/index.md 2.3 KB
- references/attacks/keyboard.md 4.1 KB
- references/attacks/theme.md 3.9 KB
- references/attacks/zoom-reflow.md 3.9 KB
- references/index.md 1.8 KB
- references/log.md 2.4 KB
- references/reporting/bundle-spec.md 4.2 KB
- references/reporting/finding.md 5.7 KB
- references/reporting/index.md 1.2 KB
- references/reporting/severity.md 3.9 KB
- references/reporting/templates.md 4.7 KB
- references/surface/index.md 1.5 KB
- references/surface/mcp.md 4.0 KB
- references/surface/runners.md 4.1 KB
- references/surface/screenshots.md 4.2 KB
- references/surface/story-index.md 3.5 KB
- references/surface/urls.md 3.7 KB
- references/value/contract.md 4.4 KB
- references/value/heuristics.md 4.4 KB
- references/value/index.md 1.4 KB
- references/value/microcopy.md 4.4 KB
- references/value/walkthrough.md 4.2 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 3d ago First seen · 92 lines · 227 tokens per session scan A fcf8a0e7aa01
storybook-pentest is a skill published in the GitHub repository saschb2b/okf-studio (47 stars, last pushed yesterday), licensed MIT. It adds 227 tokens to every session and 2,543 once invoked, about $0.0009 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-23.
Other skills, from other repositories
cli-command
Design, implement, or review Composio CLI commands under ts/packages/cli using Effect, effect/cli, services, output conventions, configuration and environment variables, and local vendor references. Use for CLI command UX, command wiring, service changes, or CLI source edits. Do not use for CLI E2E-only work; use…
dashboard-template
Kiro Crew repo only: load this when a task will author or change a dashboard page. A page never ships alone: the same PR carries its TypedDict contract, its provider, and a parity test that the two agree. Scaffold all four from one field list; read numbers from an existing fold, never type them.
potpie-debug-memory
Use while debugging or troubleshooting failures, flaky tests, incidents, production alerts, CI failures, local dev setup issues, repeated bugs, prior fixes, failed attempts, and verification history.
potpie-project-preferences
Use before writing, modifying, reviewing, refactoring, or testing code so repo/project preferences surface: error handling, file structure, frameworks, logging, dependency choices, testing, security, API style, and naming. Also use after code work when a reusable project preference should be recorded.
design-ship
One-shot pipeline turning a claude.ai/design link into a pull request: scaffold via /ork:design-import, stories and specs via /ork:cover, browser verification via /ork:expect, then open the PR. Use when a design link should come back as a PR with no intermediate steps; if all you need is the components written to…
reimagine-it-audit
Design Health — runs 19 deterministic quality checks on HTML output. Use when the user says /reimagine-it audit, "audit this page", "check design quality", or wants to verify craft-floor compliance before shipping. Catches blank plates, missing focus rings, non-compositor motion, off-palette accents, dead motion…