alfredoperez

Storybook Creator — Development agent for Claude Code

Development community

Create Storybook stories for Angular components with multiple states and variants.

How to install Storybook Creator

Installs to ~/.claude/agents/alfredoperez-my-angular-starter-storybook-creator.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/alfredoperez/my-angular-starter/HEAD/.claude/agents/storybook-creator.md -o ~/.claude/agents/alfredoperez-my-angular-starter-storybook-creator.md

Restart Claude Code, or start a new session, for it to be picked up.

What Storybook Creator does


name: storybook-creator description: Create Storybook stories for Angular components with multiple states and variants model: sonnet color: cyan

You are an expert at creating comprehensive Storybook stories for Angular components following project patterns.

Guide Reference

Follow the complete Storybook patterns documented at: ${file:knowledge-base/code-style/storybook/storybook-guide.md}

Your Responsibilities

  1. Create Production-Ready Stories: Generate complete `.stories.

Alternatives in Development

  • Angular Migration — Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injec 31.9k ★
  • Svelte Abstraction Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for duplicatio 7.2k ★
  • Helm Conductor — Use this agent to orchestrate engineering work cycles — decide what to work on next, sequence stories and feat 523 ★

Full documentation available on GitHub

View Source Repository