본문으로 건너뛰기
cccskills

스킬 찾기

32건(storybookjs의 저장소) · 인기순

Find reusable UI components in Storybook, create or update stories that show their states, run story tests, and publish a curated review so others can inspect the results of UI changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find existing components to reuse in UI changes
  • Update stories alongside component changes
  • Run story tests
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Look up a project's existing UI components in Storybook, including their props, or configuration inputs, and usage examples. Use the findings to answer questions and identify components to reuse before building duplicates.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find existing UI components
  • Check component props and usage examples
  • Answer questions about component usage
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Prepare a CHANGELOG.md entry for a Storybook minor or major release. Collect changes from prereleases, filter out changes already backported to patch releases, select significant highlights, and combine them with the full change list.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare a changelog for a Storybook minor release
  • Summarize major release highlights
  • Consolidate changes from prereleases
storybookjs/storybook9.1만2026년 10월 18일 업데이트

open-pr

무료

Create a draft pull request from the current branch using the project’s template. The skill checks changes, detects the base branch, gathers label choices, and prepares a title, description, and testing details.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a draft pull request from the current branch
  • Filling a pull request template with changes and testing details
  • Finding the base branch for stacked pull requests
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Rebuild modified packages in the Storybook monorepo and restart its internal UI after code changes. The workflow provides the running URL and can optionally create a UI review of stories related to the changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Rebuilding after changes to Storybook internals
  • Restarting the internal Storybook UI
  • Reviewing stories related to UI changes
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Measure Storybook startup from launching the process to displaying the first story. Separate server readiness from browser rendering, summarize repeated runs, and compare versions or feature flags to investigate slower startup.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Measure startup through the first story render
  • Compare Storybook versions or feature flags
  • Summarize repeated startup measurements
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Upgrade an existing Storybook installation to version 11.0 or later using the official upgrade guide. If the latest stable release is below 11.0, the skill uses the 11.0 alpha, a prerelease version.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Upgrade an existing Storybook installation
  • Meet a Storybook 11.0 minimum version requirement
  • Use the 11.0 alpha when stable releases are below 11.0
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Update all Storybook packages in a project to a chosen release or canary, an early development build. Use it to test changes in external apps, reproduce bugs, and keep package versions aligned while handling peer dependencies.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Test a canary build in an external app
  • Reproduce a bug with a specific Storybook release
  • Update all Storybook packages to the latest stable release
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Review, improve, rewrite, or draft Storybook documentation in /docs. Assess each page’s purpose, audience, structure, and examples, then make suitable edits or provide a content plan, with formatting checks after changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Improve the structure and examples of a documentation page
  • Draft documentation for a new feature
  • Plan page types and outlines
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Review Storybook's minimum supported browser versions using Plausible documentation traffic data. The skill presents usage evidence and proposed versions for approval, then updates pinned settings and documentation and opens a pull request with the recorded decision.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Review minimum browser versions using documentation traffic
  • Compare browser version shares and approve support floors
  • Update browser settings and migration documentation together
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Work through unresolved GitHub pull request reviews one at a time. The skill explains each comment, proposes a fix, asks how to proceed, and handles chosen edits, replies, commits, and thread resolution.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Addressing unresolved pull request review comments
  • Choosing between a code fix, a reply, or skipping a comment
  • Handling duplicate review comments together
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Organize GitHub issues and pull requests found during quality assurance testing. Apply release tracking labels, classify bugs by four severity levels, and label multiple findings while keeping documentation issues and feature requests outside the severity scheme.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Group QA findings by release
  • Classify bugs by severity
  • Apply labels to multiple issues and pull requests
storybookjs/storybook9.1만2026년 10월 18일 업데이트

canary

무료

Find a trial Storybook package for a specific branch, or trigger its publication when needed. Check release progress and obtain the package reference or commands for creating or upgrading a project with that build.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find a trial package for a Storybook branch
  • Publish a trial build for a fork pull request
  • Check publication progress and installation commands
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Turn repeated corrections into automated safeguards, such as code checks, metadata flags, or scripts. This skill helps choose where each lesson belongs and turns recurring mistakes into concrete changes or actionable tasks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preventing the same coding mistake from recurring
  • Turning repeated instructions into automated checks
  • Sorting corrections into notes, rules, or broader principles
storybookjs/storybook9.1만2026년 10월 18일 업데이트

upgrade

무료

Upgrade an existing Storybook installation to version 11.0 or later using the official upgrade instructions. When the latest stable release is below 11.0, the skill directs the agent to use the 11.0 alpha release.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Upgrading an existing Storybook installation
  • Moving Storybook to version 11.0 or later
  • Using the 11.0 alpha when stable releases are below 11.0
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Set up an existing Storybook installation with a working preview file and stories that display real components. The skill checks prerequisites, then uses Storybook’s setup command and the instructions it provides.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Configuring preview settings in an existing Storybook installation
  • Adding stories for real project components
  • Checking Storybook version requirements before setup
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Add Storybook to a project that has no existing setup. Check the stable release to choose the installation tag, use the appropriate package manager, and hand off project-specific configuration to the separate /storybook-setup skill.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add Storybook to a project for the first time
  • Choose an installation tag based on the stable release
  • Install with the project's package manager
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Check a pull request’s title and description against its commits and code changes. Identify missing major changes or outdated claims, propose accurate wording, and apply agreed updates while following the repository’s existing template.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Check whether a pull request description matches the implementation
  • Add major changes missing from a pull request summary
  • Update an outdated pull request title
storybookjs/storybook9.1만2026년 10월 18일 업데이트

setup

무료

Set up a working preview file and stories, examples showing real components, in an existing Storybook project. Check the installed version first, then follow the setup instructions produced by Storybook’s command.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Set up a preview file in an existing Storybook project
  • Prepare stories for real components
  • Check Storybook prerequisites before setup
storybookjs/storybook9.1만2026년 10월 18일 업데이트

pr

무료

Create a draft pull request for reviewing Storybook changes. Prepare a title, required labels, and a description using the repository template, including verified manual testing steps that another maintainer can follow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Submit Storybook changes for review
  • Choose category, CI, and manual QA labels
  • Prepare reproducible manual testing instructions
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Check out a GitHub pull request, fix linting and TypeScript errors, and commit and push the changes. The workflow supports forked pull requests and repeats type checks to verify fixes while keeping changes focused on these errors.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Fix linting errors in a pull request
  • Resolve TypeScript errors in a pull request
  • Apply fixes to a pull request from a fork
storybookjs/storybook9.1만2026년 10월 18일 업데이트

init

무료

Add Storybook to a project that does not have it configured, choosing the installation tag based on the latest stable version. Then use the separate setup skill to configure Storybook for the project.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding Storybook to a project for the first time
  • Choosing an installation tag based on the stable release
  • Continuing from installation to project-specific setup
storybookjs/storybook9.1만2026년 10월 18일 업데이트

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook/react-native story authoring.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

storybookjs/react-native1.3천2026년 10월 18일 업데이트

Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook/react-native` projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook version, choose only the next migration step, update dependencies and config, regenerate `storybook.requires`, convert remaining `storiesOf` stories to CSF during the `6.5.x -> 7.6.x` upgrade, and stop after a single version hop instead of jumping multiple major versions at once.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

storybookjs/react-native1.3천2026년 10월 18일 업데이트