chromaui/chromatic-skills/chromatic-troubleshoot-config
Claude Code and agent skill by chromaui/chromatic-skills
- community
- ext:[{"type":"plugin","description":"Custom plugin integration"}]
Checking that the SKILL.md file is still in the repository.
Diagnose Storybook configuration issues that block Chromatic or local Storybook, including missing stories, framework or builder mismatches, addon conflicts, preview errors, static asset path issues, and package version drift. Use when Storybook fails to build, Chromatic cannot verify Storybook, stories are missing, or a team needs the smallest config change to restore a working Storybook surface.
Install
npx vskill@latest install chromaui/chromatic-skills/chromatic-troubleshoot-configSemi-extensibleMentions customization, but needs skill-specific knowledge. Read the extensible skills standard
SKILL.md
Troubleshoot Config
Diagnose Storybook configuration problems that block Chromatic or local Storybook and identify the narrowest fix.
Required workflow
- Start with the current evidence: exact error text,
.storybook/main.*,.storybook/preview.*, Storybook scripts and dependencies inpackage.json, framework or builder, one representative story path, and whether local Storybook already fails. - Choose one primary diagnosis from
reference/diagnosis-taxonomy.md. Usereference/workflow-playbook.mdwhen the branch is unclear. Prioritize local Storybook failures before Chromatic follow-on symptoms, framework or builder mismatches before addon speculation, and story discovery issues before version cleanup. - Separate local Storybook failure from Chromatic follow-through. If Storybook fails locally, fix that surface first. If Storybook runs locally but Chromatic cannot verify it, inspect build scripts, output expectations, and config shape next.
- Inspect the repo before asking for more evidence. Use
reference/command-catalog.mdto check.storybook/main.*,.storybook/preview.*, the Storybook section ofpackage.json, and one representative story path. Do not invent scripts or migration paths. - If one artifact is still missing, request exactly one next item using
reference/evidence-ladder.md. - Return the diagnosis card from
reference/output-contract.md. If confidence is low, name the most likely diagnosis, explain the gap, and ask for the single artifact that resolves it.
Boundaries
- Ask for one artifact at a time.
- Prefer the narrowest config repair over broad rewrites.
- Do not assume React, Vite, Webpack, or a Storybook major version without evidence.
- Do not invent script names or mix Vite and Webpack guidance unless the evidence proves a migration boundary.
- Avoid asking for the whole repo, full lockfiles, or broad logs when one targeted artifact settles the branch.
References
reference/workflow-playbook.mdreference/diagnosis-taxonomy.mdreference/evidence-ladder.mdreference/command-catalog.mdreference/output-contract.mdtemplate.mdevaluations/README.md
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/chromatic-troubleshoot-config/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Extension points
pluginCustom plugin integration
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/chromaui/chromatic-skills/chromatic-troubleshoot-config)