Agent Skills › paperclipai/paperclip › review-storybook

review-storybook

GitHub

基于 Storybook 目录和现有测试,审查组件故事、交互及视觉回归证据,验证功能变更在渲染、状态和基准对比中的正确性。

.agents/skills/review-storybook/SKILL.md paperclipai/paperclip

Trigger Scenarios

审查 Storybook 故事 验证 UI 视觉回归 检查组件交互表现

Install

npx skills add paperclipai/paperclip --skill review-storybook -g -y
More Options

Non-standard path

npx skills add https://github.com/paperclipai/paperclip/tree/master/.agents/skills/review-storybook -g -y

Use without installing

npx skills use paperclipai/paperclip@review-storybook

指定 Agent (Claude Code)

npx skills add paperclipai/paperclip --skill review-storybook -a claude-code -g -y

安装 repo 全部 skill

npx skills add paperclipai/paperclip --all -g -y

预览 repo 内 skill

npx skills add paperclipai/paperclip --list

SKILL.md

Frontmatter
{
    "name": "review-storybook",
    "description": "Review Paperclip stories for a feature or change using the Storybook catalog, production source, and existing browser tests. Report component, mock, interaction, and visual evidence separately."
}

Review Storybook

Read the catalog contract and find the requested capability in its generated index. Check the relevant feature recipe, production subject, and story before driving it. Catalog status is prior review context, not proof of the current revision. This skill consumes the maps/catalog; corrections belong to maintain-storybook or maintain-verification-skill.

Choose discriminating states for the requested change: the normal action and result, relevant failure/retry, gate/permission presentation, and mobile/theme variants where affected. Record chosen files/exports and omitted scope. For a full source review, account for every file; do not describe sampling as full render or interaction coverage.

When reviewing navigation/index changes, compare the guide and sidebar with the full ordered index generated from feature recipes' navigation metadata. Open a feature without examples and a feature whose related suite lives elsewhere; check capability order, gap messages, classifications, recipe links, and actual suite navigation. Compare built entry IDs before/after so existing links survive. Generated Overview pages do not establish new example coverage.

Use the existing Storybook commands: pnpm build-storybook, or an owned Storybook dev server on an available local port. Use the built ui/storybook-static/index.json for actual story IDs and links. Do not trust an unrelated server on the default port. Keep the process handle and stop only the server this review started, retaining useful evidence.

Inspect the real rendered subject, including errors and browser console output. For interactive stories, wait for their play assertions to complete and inspect the observable result. A screenshot alone does not prove play passed. Verify fixture isolation by revisiting/resetting relevant stories when they mutate fetch handlers, storage, query caches, time, or module state. Avoid real provider actions; explicitly document any live dependency required by a story.

The existing visual suite is tests/storybook-visual/storybook-visual.spec.ts. It uses external baselines and a pinned Linux environment. Inspect baseline-manifest.json before claiming visual regression proof. An unpublished manifest blocks comparisons; a macOS capture is useful inspection, not the Linux baseline. Do not update/publish baselines just to make a review pass. Use existing focused browser suites where they cover the requested scenario, and the production verification skill when the question requires backend persistence, real authorization, or provider proof.

Report each selected case as passed, failed, blocked, or not run, naming revision, story ID, environment, production versus prototype subject, simulated boundaries, action/assertion and observed result. Separate render, interaction, visual comparison, and production acceptance evidence. Report proven drift with exact source references and a proposed correction; do not lower expectations, remove failing cases, or silently bless historical behavior as current.

Version History

  • 2f6ad22 Current 2026-10-19 15:51

Same Skill Collection

.agents/skills/add-product-e2e-eval/SKILL.md
.agents/skills/add-runner-eval/SKILL.md
.agents/skills/check-pr/SKILL.md
.agents/skills/company-creator/SKILL.md
.agents/skills/create-agent-adapter/SKILL.md
.agents/skills/create-external-bot-integration/SKILL.md
.agents/skills/create-issue-interaction-ui/SKILL.md
.agents/skills/create-paperclip-bundled-skill/SKILL.md
.agents/skills/create-verification-skill/SKILL.md
.agents/skills/deal-with-security-advisory/SKILL.md
.agents/skills/diagnose-why-work-stopped/SKILL.md
.agents/skills/doc-maintenance/SKILL.md
.agents/skills/fix-slow-queries/SKILL.md
.agents/skills/garden-inbox/SKILL.md
.agents/skills/honeycomb-tracing/SKILL.md
.agents/skills/maintain-storybook/SKILL.md
.agents/skills/maintain-verification-skill/SKILL.md
.agents/skills/paperclip-create-plugin/SKILL.md
.agents/skills/paperclip-dev-workspace-run-verify-fix/SKILL.md
.agents/skills/paperclip-evals/SKILL.md
.agents/skills/paperclip-page/SKILL.md
.agents/skills/pr-gardening/SKILL.md
.agents/skills/pr-report/SKILL.md
.agents/skills/prcheckloop/SKILL.md
.agents/skills/prepare-paperclip-pr/SKILL.md
.agents/skills/release-changelog-discord-message/SKILL.md
.agents/skills/release-changelog/SKILL.md
.agents/skills/release/SKILL.md
.agents/skills/setup-code-maintenance-bot/SKILL.md
.agents/skills/terminal-bench-loop/SKILL.md
.agents/skills/test-audit/SKILL.md
.agents/skills/verify-paperclip/SKILL.md
integrations/assistant-plugins/shared/skills/delegate-work/SKILL.md
integrations/assistant-plugins/shared/skills/follow-up-results/SKILL.md
integrations/assistant-plugins/shared/skills/review-my-team/SKILL.md
packages/adapters/hermes/skills/paperclip-task-bridge/SKILL.md
packages/plugins/plugin-llm-wiki/skills/index-refresh/SKILL.md
packages/plugins/plugin-llm-wiki/skills/paperclip-distill/SKILL.md
packages/plugins/plugin-llm-wiki/skills/wiki-ingest/SKILL.md
packages/plugins/plugin-llm-wiki/skills/wiki-lint/SKILL.md
packages/plugins/plugin-llm-wiki/skills/wiki-maintainer/SKILL.md
packages/plugins/plugin-llm-wiki/skills/wiki-query/SKILL.md
skills-releases/paperclip/v0/SKILL.md
skills-releases/paperclip/v7-roster/SKILL.md
skills/agentmail/SKILL.md
skills/complain/SKILL.md
skills/paperclip-board/SKILL.md
skills/paperclip-converting-plans-to-tasks/SKILL.md
skills/paperclip-create-agent/SKILL.md

Metadata

Files
0
Version
2f6ad22
Hash
17b8db7d
Indexed
2026-10-19 15:51

홈 - 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-10-21 11:42
浙ICP备14020137号-1