pr — storybook integration pr, storybook, storybookjs, community, storybook integration, ai agent skill, ide skills, agent automation, ui component testing, claude code mcp, cursor workflow automation, windsurf browser automation

v1.0.0
GitHub

About this Skill

Perfect for Development Agents needing streamlined pull request management with Storybook integration. pr is a Storybook integration skill for creating pull requests with standardized titles and labels, using technologies like React, Angular, and Vue.

Features

Create pull requests using Storybook conventions
Apply labels using Category and dependencies
Automate testing for UI components using Jest
Document components using Storybook's styleguide
Integrate with popular frameworks like React and Vue

# Core Topics

storybook integration ui component testing ai agent skill claude code mcp cursor workflow automation windsurf browser automation
storybookjs storybookjs
[89.5k]
[9936]
Updated: 3/24/2026

↓ Quality Score

Top 5%
46
Excellent
Based on code quality & docs
Installation
SYS Universal Install (Auto-Detect)
> npx killer-skills add storybookjs/storybook/pr
Supports 19+ Platforms
Cursor
Windsurf
VS Code
Trae
Claude
OpenClaw
+12 more

Agent Capability Analysis

The pr skill by storybookjs 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 storybook integration, ui component testing, ai agent skill.

Ideal Agent Persona

Perfect for Development Agents needing streamlined pull request management with Storybook integration.

Core Value

Empowers agents to create pull requests following Storybook conventions, utilizing labels such as 'bug', 'maintenance', 'dependencies', and 'build' to categorize changes, and adhering to specific title formats like '[Area]: [Description]' for clarity and consistency.

↓ Capabilities Granted for pr

Creating pull requests with standardized titles and labels
Automating the addition of labels to pull requests for efficient categorization
Generating pull requests that adhere to Storybook's conventions for improved workflow efficiency

! Prerequisites & Limits

  • Requires Storybook integration
  • Must adhere to specific title format and labeling conventions
Project
SKILL.md
1.5 KB
.cursorrules
1.2 KB
package.json
240 B
Ready
UTF-8
SKILL.md
Readonly

Create Pull Request

Creates a PR following Storybook conventions.

Title format

[Area]: [Description]

  • Area is capitalized, no spaces (dashes allowed)
  • Examples:
    • CSFFactories: Fix type export
    • Nextjs-Vite: Add support
    • CLI: Fix automigrate issue

Labels

Add these labels to the PR:

Category (required, pick one):

  • bug - fixes incorrect behavior
  • maintenance - user-facing maintenance
  • dependencies - upgrading/downgrading deps
  • build - internal build/test updates (no changelog)
  • cleanup - minor cleanup (no changelog)
  • documentation - docs only (no changelog)
  • feature request - new feature
  • BREAKING CHANGE - breaks compatibility
  • other - doesn't fit above

CI (required, pick one):

  • ci:normal - standard sandbox set; default for most code changes
  • ci:merged - merged sandbox set
  • ci:daily - daily sandbox set; use this when changes affect prerelease sandboxes or sandboxes pinned to a framework or React version other than latest
  • ci:docs - documentation-only changes (use with documentation category)

PR body

Read .github/PULL_REQUEST_TEMPLATE.md from the repository root.

Copy that template EXACTLY, including all HTML comments (<!-- ... -->). Fill in the relevant sections based on the changes, but keep all comments intact.

Command

Always create PRs in draft mode:

bash
1gh pr create --draft --title "<Area>: <Description>" --body "<FILLED_TEMPLATE>" --label "<category>,<ci>"

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is pr?

Perfect for Development Agents needing streamlined pull request management with Storybook integration. pr is a Storybook integration skill for creating pull requests with standardized titles and labels, using technologies like React, Angular, and Vue.

How do I install pr?

Run the command: npx killer-skills add storybookjs/storybook/pr. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for pr?

Key use cases include: Creating pull requests with standardized titles and labels, Automating the addition of labels to pull requests for efficient categorization, Generating pull requests that adhere to Storybook's conventions for improved workflow efficiency.

Which IDEs are compatible with pr?

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.

Are there any limitations for pr?

Requires Storybook integration. Must adhere to specific title format and labeling conventions.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add storybookjs/storybook/pr. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use pr immediately in the current project.

Related Skills

Looking for an alternative to pr or another community skill for your workflow? Explore these related open-source skills.

View All

openclaw-release-maintainer

Logo of openclaw
openclaw

openclaw-release-maintainer is a specialized AI agent skill for automating release management workflows.

★ 333.8k
⑂ 0
Data

widget-generator

Logo of f
f

Generate customizable widget plugins for the prompts.chat feed system

★ 149.6k
⑂ 0
Design

flags

Logo of vercel
vercel

flags is a skill for managing feature flags in Next.js internals, enabling developers to efficiently configure and optimize their React applications.

★ 138.4k
⑂ 0
Browser

x-api

[ Featured ]
Logo of affaan-m
affaan-m

x-api is a skill that harnesses performance optimization for AI agents, enabling efficient interactions with Twitter and other platforms.

★ 103.8k
⑂ 0
Productivity