跳到正文
cccskills
免费在 GitHub 公开

review-storybook

Review Paperclip interface changes using Storybook, a catalog of component examples, alongside production source and existing browser tests. Report rendering, interaction, visual comparison, and production evidence separately, making simulated behavior and untested areas clear.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

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.

查看安装方法

适用场景

  • Reviewing component behavior after a feature change
  • Checking error, retry, permission, and mobile states
  • Verifying Storybook navigation and existing links
  • Distinguishing visual inspection from baseline comparison

包含的文件(2)

  • SKILL.md3.3 KB
  • agents/openai.yaml117 B

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

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.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Add or extend Paperclip end-to-end evaluations that exercise real browser workflows across the server, database, and runner. Define expected outcomes, check independent evidence, and connect results to the existing reporting pipeline for local or Daytona execution.

中文简介正在准备中。当前显示英语简介。

  • Adding an evaluation for a complete user workflow
  • Updating test data and outcome checks
  • Including screenshots and artifacts in evaluation reports
paperclipai/paperclip10.4万2026年10月18日 更新

Add or extend Paperclip Runner evaluations that test real sessions against a mock control service. Define observable pass conditions, validate cases and run selections, and retain source revisions, evidence, and costs for authorized live runs.

中文简介正在准备中。当前显示英语简介。

  • Adding a focused Runner protocol evaluation
  • Testing grading rules with valid and invalid evidence
  • Updating evaluation selections and campaign membership
paperclipai/paperclip10.4万2026年10月18日 更新

Use a real browser to verify web pages and apps through short, supervised interactions. Capture screenshots, inspect errors and network requests, and document reproducible steps for UI bugs or expected behavior checks.

中文简介正在准备中。当前显示英语简介。

  • Capture screenshots to verify UI changes
  • Read content rendered by JavaScript
  • Reproduce UI bugs and record errors
paperclipai/paperclip10.4万2026年10月18日 更新

agentmail

免费

Read email linked to assigned Paperclip tasks, send new messages or replies through an assigned AgentMail inbox, and check delivery outcomes. Follow task permissions and preserve retry identifiers to avoid duplicate sends.

中文简介正在准备中。当前显示英语简介。

  • Reading email context attached to an assigned task
  • Sending a new email from an assigned inbox
  • Replying to a specific message in a conversation
paperclipai/paperclip10.4万2026年10月18日 更新

check-pr

免费

Inspect proposed changes in GitHub, GitLab, or Perforce for review feedback, failed automated checks, and incomplete descriptions. It separates actionable findings from informational or resolved comments, then helps fix issues and close addressed review threads when requested.

中文简介正在准备中。当前显示英语简介。

  • Inspect a change before submission
  • Identify failed checks and required fixes
  • Organize human and bot review feedback
paperclipai/paperclip10.4万2026年10月18日 更新

Create an AI agent company or team package from an idea or an existing repository. Define roles, reporting lines, skills, and work handoffs, then generate structured files that follow the Agent Companies specification.

中文简介正在准备中。当前显示英语简介。

  • Build an agent company from an idea
  • Turn a repository into an agent team package
  • Define agent roles and work handoffs
paperclipai/paperclip10.4万2026年10月18日 更新

查看 paperclipai 的全部技能

报告此技能的问题