Perfect for Frontend Agents needing structured component story generation for crates and story src. Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.
tristanpoland The generate-component-story skill by tristanpoland is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for generate-component-story ai agent skill, generate-component-story automation, generate-component-story workflow tool.
Perfect for Frontend Agents needing structured component story generation for crates and story src.
Empowers agents to create detailed component stories by following existing patterns and using sections for organization, leveraging crates and story src for comprehensive coverage of component options and variants.
These questions and steps mirror the structured data on this page for better search understanding.
Perfect for Frontend Agents needing structured component story generation for crates and story src. Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.
Run the command: npx killer-skills add tristanpoland/Tripwire/generate-component-story. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.
Key use cases include: Generating component stories with basic usage examples, Creating stories with different variants and states, Organizing component stories with section! calls.
This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.
Requires access to crates/story/src/stories directory. Limited to story src format.
1. Open your terminal
Open the terminal or command line in your project directory.
2. Run the install command
Run: npx killer-skills add tristanpoland/Tripwire/generate-component-story. The CLI will automatically detect your IDE or AI agent and configure the skill.
3. Start using the skill
The skill is now active. Your AI agent can use generate-component-story immediately in the current project.
Generate customizable widget plugins for the prompts.chat feed system
Linear issue management. MUST USE when: (1) user mentions LOBE-xxx issue IDs (e.g. LOBE-4540), (2) user says linear, linear issue, link linear, (3) creating PRs that reference Linear issues. Provides
Testing guide using Vitest. Use when writing tests (.test.ts, .test.tsx), fixing failing tests, improving test coverage, or debugging test issues. Triggers on test creation, test debugging, mock setup
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.