Generate CSF3 .stories.tsx files for Next.js 15 components and pages.
npx skills add https://github.com/qdhenry/Foundry-OSS --skill generate-storybook
Please help me install this Agent Skill. Skill: generate-storybook Source: https://github.com/qdhenry/Foundry-OSS/tree/main/.agents/skills/generate-storybook Command: npx skills add https://github.com/qdhenry/Foundry-OSS --skill generate-storybook
Automates the setup and maintenance of Storybook by orchestrating subagents that discover all components and pages and generate comprehensive stories, reducing manual toil.
Run the skill to initiate Storybook generation and watch stories be created automatically.
High-intent search queries and answers about installing and using this skill.
To auto-generate Storybook stories in CSF3 format, this skill discovers React components and pages, then produces adjacent .stories.tsx files. It orchestrates parallel story generation by domain to ensure comprehensive visual, interaction, and accessibility coverage.
Generated Storybook stories cover visual, interaction, accessibility, and responsive testing scenarios for each discovered component and page, ensuring comprehensive validation coverage aligned with repository story templates.
Yes, you can automate Storybook story generation for large Next.js projects. This skill scales across multiple domains and 40+ pages, parallelizing story generation by domain to handle extensive codebases efficiently.
Mocking Convex and Clerk dependencies in Storybook stories is handled by enforcing strict mock decorators during generation, ensuring type-safe story compilation and isolated component rendering without live backend connections.
Yes, auto-generating Storybook stories includes validation steps ensuring generated stories compile correctly, validating coverage per repository story templates and enforcing type-safe story compilation across the codebase.
The best way to maintain consistent Storybook documentation is automating story generation so new components and routes are discovered and paired with standard CSF3 stories automatically, reducing manual toil and enforcing template alignment.
kurojsImplement Next.js 15 App Router patterns for layouts, routes, and server components.
kaeligGenerate Storybook 10 stories with interaction tests via CSF Factories API.
harperaaImplement RBAC and authorization scaffolding for Clerk-based Next.js and Convex applications.
oakossGenerate and maintain Storybook stories and interaction tests using CSF3 format.
