ui-storybook
Storybook engineering guidance for reusable web components, stories, interaction tests, docs, and a11y coverage.
Skill by hersti
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/hersti-ui-storybook
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, testing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/ui-storybook
What's inside
- Skill name
ui-storybook- Description
- Storybook engineering guidance for reusable web components, stories, interaction tests, docs, and a11y coverage. Use when reusable components are added or materially changed in a supported Storybook project, or when Storybook setup/coverage is being evaluated.
- License
- MIT
- Instructions
- 11 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Storybook Engineering Use Storybook as the isolated workbench for reusable component states, not as documentation ceremony. For a reusable component, cover meaningful behavior: primary variants/sizes, disabled/loading/selected/invalid states where real, long/localized content, narrow constraints, themes, and interactions that can regress. Avoid Cartesian-product story spam. Use play/interaction tests where they protect real behavior. Use the a11y addon for automated evidence, while remembering it cannot prove complete accessibility. Do not force a new major Storybook version into an incompatible legacy framework. Preserve a healthy existing Storybook setup and its project conventions.
From hersti/ui-engineering, MIT.
More from hersti/ui-engineering
- 0.529score
ui-design-direction
hersti
Context-aware design-direction skill for substantial frontend/UI work across marketing sites, editorial surfaces, product apps, dashboards, admin tools…
SkillBFreshness: BClaude Code +9 - 0.529score
ui-setup
hersti
Prepare the current frontend repository for the UI Engineering workflow.
SkillBFreshness: BClaude Code +9 - 0.529score
ui-doctor
hersti
Diagnose whether the current repository is ready for the UI Engineering workflow without changing files.
SkillBFreshness: BClaude Code +9 - 0.529score
ui-engineering
hersti
Orchestrates substantial frontend and UI work with audit-first context, product-aware design direction, shadcn-aware component engineering, Storybook state…
SkillBFreshness: BClaude Code +9 - 0.524score
ui-motion
hersti
Motion-design and animation-engineering guidance for web UI.
SkillBFreshness: BClaude Code +9 - 0.524score
ui-shadcn
hersti
Project-aware shadcn/ui component engineering for React web projects.
SkillBFreshness: BClaude Code +9 - 0.519score
ui-react-engineering
hersti
React and Next.js engineering guidance for frontend UI implementation.
SkillBFreshness: BClaude Code +9 - 0.519score
ui-design-system-audit
hersti
Read-only design-system extraction and consistency audit for an existing frontend.
SkillBFreshness: BClaude Code +9 - 0.519score
ui-verify
hersti
Run evidence-based verification for recent frontend/UI changes using the repository's existing checks, Storybook, Playwright and accessibility tooling.
SkillBFreshness: BClaude Code +9 - 0.519score
ui-interface-review
hersti
Independent read-only interface review for substantial frontend work.
SkillBFreshness: BClaude Code +9 - 0.516score
ui-recon
hersti
Read-only reconnaissance of an existing frontend repository and running UI before substantial redesign or design-system work.
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 27, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/hersti/ui-engineering
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from hersti
- 0.529score
ui-design-direction
hersti
Context-aware design-direction skill for substantial frontend/UI work across marketing sites, editorial surfaces, product apps, dashboards, admin tools…
SkillBFreshness: BClaude Code +9 - 0.529score
ui-setup
hersti
Prepare the current frontend repository for the UI Engineering workflow.
SkillBFreshness: BClaude Code +9 - 0.529score
ui-doctor
hersti
Diagnose whether the current repository is ready for the UI Engineering workflow without changing files.
SkillBFreshness: BClaude Code +9 - 0.529score
ui-engineering
hersti
Orchestrates substantial frontend and UI work with audit-first context, product-aware design direction, shadcn-aware component engineering, Storybook state…
SkillBFreshness: BClaude Code +9 - 0.524score
ui-motion
hersti
Motion-design and animation-engineering guidance for web UI.
SkillBFreshness: BClaude Code +9 - 0.524score
ui-shadcn
hersti
Project-aware shadcn/ui component engineering for React web projects.
SkillBFreshness: BClaude Code +9
Cite this page
ui-storybook skill. Agent Mart. https://agentmart.dev/skills/hersti-ui-storybook (last updated 2026-10-24)