Agent Friendly Code

storybookjs/storybook

GitHub
https://github.com/storybookjs/storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

  • angular
  • components
  • design-systems
  • documentation
  • html
  • javascript
  • react
  • react-native
  • stories
  • storybook
  • styleguide
  • svelte
  • testing
  • typescript
  • ui
  • vite
  • vue
  • web-components
  • webpack
  • workshop
Stars:
91.4k
Language:
TypeScript
Default branch:
next
Last scored:
Overall

At a glance

Rank
#196 of 401
Top 49% · #57 of 82 TypeScript repos
Checks passed
9 of 17
Full list below
Best set up for
Devin
Score 74.4
Needs most work for
Aider
Biggest fix: .aider.conf.yml (+14.1 pts)

What it has

What it's missing

What to fix first

Pick an AI agent

Showing fixes for Claude Code

  1. 1
    Linter / formatter config
    Configure a linter/formatter (ESLint+Prettier, Biome, Ruff, rustfmt+clippy, golangci-lint) and commit the config.
    +7.9 pts
  2. 2
    Type configuration
    Add a type config (tsconfig.json for JS/TS, mypy.ini or pyrightconfig.json for Python). Rust/Go/JVM/Scala/Swift/C#/OCaml/Haskell/Zig are typed by default.
    +7.9 pts
  3. 3
    Manageable size
    If possible, split into smaller modules or carve out a focused entry path. Document where to start in AGENTS.md.
    +5.3 pts

Score for each AI agent

Each agent weighs the checks by its own docs. Under each score are its top three. How each agent is scored →

Devin
#126 of 401
74.4
  • ~Reproducible dev env
  • ✓Dependency manifest
  • ~Test suite
Kimi Code CLI
#166 of 401
72.4
  • ✓AGENTS.md / CLAUDE.md
  • ~Test suite
  • ✓Dependency manifest
Codex
#192 of 401
71.9
  • ✓AGENTS.md / CLAUDE.md
  • ✓README
  • ~Test suite
Cursor
#120 of 401
70.9
  • ✓Cursor rules (.cursor/rules)
  • ✓README
  • ✗Type configuration
Claude Code
#223 of 401
70.3
  • ✓AGENTS.md / CLAUDE.md
  • ~Test suite
  • ~Reproducible dev env
Pi
#197 of 401
69.2
  • ✓AGENTS.md / CLAUDE.md
  • ~Test suite
  • ✗Linter / formatter config
OpenHands
#182 of 401
66.7
  • ✓CI configuration
  • ✓Dependency manifest
  • ~Reproducible dev env
Gemini CLI
#236 of 401
61.4
  • ✗GEMINI.md
  • ✓README
  • ~Test suite
Aider
#322 of 401
53.2
  • ✗.aider.conf.yml
  • ✗Linter / formatter config
  • ~Test suite

Does storybookjs/storybook have agent instructions?

An AGENTS.md (or CLAUDE.md) at the root tells AI coding agents how to build, test and work in the repo. A few agents also read a file of their own.

AGENTS.md / CLAUDE.md
AGENTS.md (new tab) · 4,027 characters
Agent-specific files
.cursor/rules (new tab) (2 .mdc files), .agents/skills (new tab) (14 skills)No GEMINI.md, .openhands/setup.sh or .aider.conf.yml
Repos that have one
62 of 82 TypeScript repos · 221 of 401 repos on the leaderboard · See examples →

All 17 checks · 9 passed

Skills (.agents/skills)· 100% pass
14 skills in .agents/skills/
.agents/skills/canary/SKILL.md
AGENTS.md / CLAUDE.md· 100% pass
Substantive (4,027 characters)
AGENTS.md
.aider.conf.yml· 0% pass
No .aider.conf.yml at repo root
CI configuration· 100% pass
20 GitHub Actions workflows
.github/workflows
CONTRIBUTING guide· 100% pass
Guide present
CONTRIBUTING.md
Cursor rules (.cursor/rules)· 100% pass
2 .mdc files in .cursor/rules/
.cursor/rules/cursor-cloud.mdc
Dependency manifest· 100% pass
Manifest present
package.json
Reproducible dev env· 60% pass
package.json has 22 scripts
package.json
GEMINI.md· 0% pass
No GEMINI.md at repo root
License file· 100% pass
License present
LICENSE
Linter / formatter config· 0% pass
No linter/formatter config found
.openhands/setup.sh· 0% pass
No .openhands/setup.sh
Pre-commit / git hooks· 100% pass
Hook framework configured
.husky
README· 100% pass
README detailed (22,309 characters)
README.md
Manageable size· 20% pass
8798 files — very large
Test suite· 70% pass
Test files detected (.github/scripts/resolve-canary-ref.test.ts)
.github/scripts/resolve-canary-ref.test.ts
Type configuration· 0% pass
No type config found

How storybookjs/storybook compares

vs leaderboard average
1.0 pts above
Average 66.8
vs TypeScript average
3.4 pts below
Average 71.2
Stars among TypeScript repos
#17 of 82

Missing here, and how many repos have it

  • Type configuration · passed by 68% of leaderboard repos, 68% of TypeScript repos
  • Linter / formatter config · passed by 65% of leaderboard repos, 57% of TypeScript repos

Passes checks most repos miss

  • Skills (.agents/skills) · only 17% of repos pass it
  • Cursor rules (.cursor/rules) · only 4% of repos pass it
  • Pre-commit / git hooks · only 29% of repos pass it

One fix for the most agents: Linter / formatter config would raise the score for all 9 agents, by up to 14.1 points.

Similar repos

Same language and host as this repo, closest in overall score.

All TypeScript repos →

Same topics, any language

Repos tagged with the same GitHub topics, most shared first.

Add a badge to your README

Paste this at the top of the README. It shows the score, and links back to this page.

Agent friendly score for github/storybookjs/storybook
[![Agent Friendly](https://agentfriendlycode.com/api/badge/github/storybookjs/storybook.svg)](https://agentfriendlycode.com/repo/github/storybookjs/storybook)

Check the score on every pull request

A GitHub Action posts one comment per pull request with how the score changed and why.