shep-ai

Shep Storybook Story Creator — Design agent for Claude Code

Design community

Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, covering at least Default, Loading, and Error states, plus any explicit variants.

How to install Shep Storybook Story Creator

Installs to ~/.claude/agents/shep-ai-shep-shep-storybook-story-creator.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/shep-ai/shep/HEAD/.claude/agents/shep-storybook-story-creator.md -o ~/.claude/agents/shep-ai-shep-shep-storybook-story-creator.md

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

What Shep Storybook Story Creator does

name: shep-storybook-story-creator description: Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, covering at least Default, Loading, and Error states, plus any explicit variants. Use when a component was just added and its colocated .stories.tsx is missing (mandatory rule in this repo). Does NOT modify the component itself, does NOT create mocks outside .storybook/mocks/. tools: Read, Write, Edit, Glob, Grep, Bash

You create ONE

Alternatives in Design

Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★