Token导航 LogoToken导航

Agent Skill · 前端设计

bb-checklist(BB 清单)

bb-checklist 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

bb-checklist 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 9,297。

总安装 220周安装 9GitHub Stars 17下载 71核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:bb-checklist(BB 清单)
来源仓库:https://github.com/buildbetter-app/bb-skills
仓库路径:skills/bb-checklist
安装命令:
npx skills add https://github.com/buildbetter-app/bb-skills --skill bb-checklist
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/buildbetter-app/bb-skills --skill bb-checklist

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

该技能专注于需求写作的质量验证,将清单作为需求编写的单元测试工具使用。适用于项目初期对功能规格进行清晰性、完整性和准确性的结构化检查。通过预设模板自动识别待完善项并生成标准化检查条目供团队核对。安装前应核实是否具备读取项目配置文件的权限,避免误改生产环境数据。

部分模板文件需从指定目录加载,请确保本地路径或网络访问权限正常。

来源仓库内路径:skills/bb-checklist

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/buildbetter-app/bb-skills --skill bb-checklist;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

bb-checklist 怎么安装?

在终端执行 npx skills add https://github.com/buildbetter-app/bb-skills --skill bb-checklist。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

bb-checklist 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

bb-checklist 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

bb-checklist 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

bb-checklist 用的人多吗?

公开数据是累计安装 220 次,近一周安装 9 次,下载 71 次,GitHub 17 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

bb-checklist 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
bb-checklist

BB 清单 · 本页

22017需要联网未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Templates: If you need the template files referenced below (spec-template.md, plan-template.md, etc.), they are available in the BB-Skills repository at templates/. If installed locally, check ~/.bb-skills/templates/ or the project's templates/ directory.

Checklist Purpose: "Unit Tests for English"

CRITICAL CONCEPT: Checklists are UNIT TESTS FOR REQUIREMENTS WRITING - they validate the quality, clarity, and completeness of requirements in a given domain.

NOT for verification/testing:

  • NOT "Verify the button clicks correctly"
  • NOT "Test error handling works"
  • NOT "Confirm the API returns 200"
  • NOT checking if code/implementation matches the spec

FOR requirements quality validation:

  • "Are visual hierarchy requirements defined for all card types?" (completeness)
  • "Is 'prominent display' quantified with specific sizing/positioning?" (clarity)
  • "Are hover state requirements consistent across all interactive elements?" (consistency)
  • "Are accessibility requirements defined for keyboard navigation?" (coverage)
  • "Does the spec define what happens when logo image fails to load?" (edge cases)

Metaphor: If your spec is code written in English, the checklist is its unit test suite. You're testing whether the requirements are well-written, complete, unambiguous, and ready for implementation - NOT whether the implementation works.

User Input

$ARGUMENTS

You MUST consider the user input before proceeding (if not empty).

Execution Steps

  1. Setup: Locate the current feature directory and verify available documents. Parse FEATURE_DIR and AVAILABLE_DOCS list.

- All file paths must be absolute. - For single quotes in args like "I'm Groot", use escape syntax: e.g 'I'''m Groot' (or double-quote if possible: "I'm Groot").

  1. Clarify intent (dynamic): Derive up to THREE initial contextual clarifying questions (no pre-baked catalog). They MUST: Generation algorithm: Question formatting rules: Defaults when interaction impossible: Output the questions (label Q1/Q2/Q3). After answers: if >=2 scenario classes (Alternate / Exception / Recovery / Non-Functional domain) remain unclear, you MAY ask up to TWO more targeted follow-ups (Q4/Q5) with a one-line justification each (e.g., "Unresolved recovery path risk"). Do not exceed five total questions. Skip escalation if user explicitly declines more.

- Be generated from the user's phrasing + extracted signals from spec/plan/tasks - Only ask about information that materially changes checklist content - Be skipped individually if already unambiguous in $ARGUMENTS - Prefer precision over breadth 1. Extract signals: feature domain keywords (e.g., auth, latency, UX, API), risk indicators ("critical", "must", "compliance"), stakeholder hints ("QA", "review", "security team"), and explicit deliverables ("a11y", "rollback", "contracts"). 2. Cluster signals into candidate focus areas (max 4) ranked by relevance. 3. Identify probable audience & timing (author, reviewer, QA, release) if not explicit. 4. Detect missing dimensions: scope breadth, depth/rigor, risk emphasis, exclusion boundaries, measurable acceptance criteria. 5. Formulate questions chosen from these archetypes: - Scope refinement (e.g., "Should this include integration touchpoints with X and Y or stay limited to local module correctness?") - Risk prioritization (e.g., "Which of these potential risk areas should receive mandatory gating checks?") - Depth calibration (e.g., "Is this a lightweight pre-commit sanity list or a formal release gate?") - Audience framing (e.g., "Will this be used by the author only or peers during PR review?") - Boundary exclusion (e.g., "Should we explicitly exclude performance tuning items this round?") - Scenario class gap (e.g., "No recovery flows detected -- are rollback / partial failure paths in scope?") - If presenting options, generate a compact table with columns: Option | Candidate | Why It Matters - Limit to A-E options maximum; omit table if a free-form answer is clearer - Never ask the user to restate what they already said - Avoid speculative categories (no hallucination). If uncertain, ask explicitly: "Confirm whether X belongs in scope." - Depth: Standard - Audience: Reviewer (PR) if code-related; Author otherwise - Focus: Top 2 relevance clusters

  1. Understand user request: Combine $ARGUMENTS + clarifying answers:

- Derive checklist theme (e.g., security, review, deploy, ux) - Consolidate explicit must-have items mentioned by user - Map focus selections to category scaffolding - Infer any missing context from spec/plan/tasks (do NOT hallucinate)

  1. Load feature context: Read from FEATURE_DIR: Context Loading Strategy:

- spec.md: Feature requirements and scope - plan.md (if exists): Technical details, dependencies - tasks.md (if exists): Implementation tasks - Load only necessary portions relevant to active focus areas (avoid full-file dumping) - Prefer summarizing long sections into concise scenario/requirement bullets - Use progressive disclosure: add follow-on retrieval only if gaps detected - If source docs are large, generate interim summary items instead of embedding raw text

  1. Generate checklist - Create "Unit Tests for Requirements": CORE PRINCIPLE - Test the Requirements, Not the Implementation: Every checklist item MUST evaluate the REQUIREMENTS THEMSELVES for: Category Structure - Group items by requirement quality dimensions: HOW TO WRITE CHECKLIST ITEMS - "Unit Tests for English": WRONG (Testing implementation): CORRECT (Testing requirements quality): ITEM STRUCTURE: Each item should follow this pattern: EXAMPLES BY QUALITY DIMENSION: Completeness: Clarity: Consistency: Coverage: Measurability: Scenario Classification & Coverage (Requirements Quality Focus): Traceability Requirements: Surface & Resolve Issues (Requirements Quality Problems): Ask questions about the requirements themselves: Content Consolidation: ABSOLUTELY PROHIBITED - These make it an implementation test, not a requirements test: REQUIRED PATTERNS - These test requirements quality:

- Create FEATURE_DIR/checklists/ directory if it doesn't exist - Generate unique checklist filename: - Use short, descriptive name based on domain (e.g., ux.md, api.md, security.md) - Format: [domain].md - If file exists, append to existing file - Number items sequentially starting from CHK001 - Each checklist run creates a NEW file (never overwrites existing checklists) - Completeness: Are all necessary requirements present? - Clarity: Are requirements unambiguous and specific? - Consistency: Do requirements align with each other? - Measurability: Can requirements be objectively verified? - Coverage: Are all scenarios/edge cases addressed? - Requirement Completeness (Are all necessary requirements documented?) - Requirement Clarity (Are requirements specific and unambiguous?) - Requirement Consistency (Do requirements align without conflicts?) - Acceptance Criteria Quality (Are success criteria measurable?) - Scenario Coverage (Are all flows/cases addressed?) - Edge Case Coverage (Are boundary conditions defined?) - Non-Functional Requirements (Performance, Security, Accessibility, etc. - are they specified?) - Dependencies & Assumptions (Are they documented and validated?) - Ambiguities & Conflicts (What needs clarification?) - "Verify landing page displays 3 episode cards" - "Test hover states work on desktop" - "Confirm logo click navigates home" - "Are the exact number and layout of featured episodes specified?" [Completeness] - "Is 'prominent display' quantified with specific sizing/positioning?" [Clarity] - "Are hover state requirements consistent across all interactive elements?" [Consistency] - "Are keyboard navigation requirements defined for all interactive UI?" [Coverage] - "Is the fallback behavior specified when logo image fails to load?" [Edge Cases] - "Are loading states defined for asynchronous episode data?" [Completeness] - "Does the spec define visual hierarchy for competing UI elements?" [Clarity] - Question format asking about requirement quality - Focus on what's WRITTEN (or not written) in the spec/plan - Include quality dimension in brackets [Completeness/Clarity/Consistency/etc.] - Reference spec section [Spec X.Y] when checking existing requirements - Use [Gap] marker when checking for missing requirements - "Are error handling requirements defined for all API failure modes? [Gap]" - "Are accessibility requirements specified for all interactive elements? [Completeness]" - "Are mobile breakpoint requirements defined for responsive layouts? [Gap]" - "Is 'fast loading' quantified with specific timing thresholds? [Clarity, Spec NFR-2]" - "Are 'related episodes' selection criteria explicitly defined? [Clarity, Spec FR-5]" - "Is 'prominent' defined with measurable visual properties? [Ambiguity, Spec FR-4]" - "Do navigation requirements align across all pages? [Consistency, Spec FR-10]" - "Are card component requirements consistent between landing and detail pages? [Consistency]" - "Are requirements defined for zero-state scenarios (no episodes)? [Coverage, Edge Case]" - "Are concurrent user interaction scenarios addressed? [Coverage, Gap]" - "Are requirements specified for partial data loading failures? [Coverage, Exception Flow]" - "Are visual hierarchy requirements measurable/testable? [Acceptance Criteria, Spec FR-1]" - "Can 'balanced visual weight' be objectively verified? [Measurability, Spec FR-2]" - Check if requirements exist for: Primary, Alternate, Exception/Error, Recovery, Non-Functional scenarios - For each scenario class, ask: "Are [scenario type] requirements complete, clear, and consistent?" - If scenario class missing: "Are [scenario type] requirements intentionally excluded or missing? [Gap]" - Include resilience/rollback when state mutation occurs: "Are rollback requirements defined for migration failures? [Gap]" - MINIMUM: >=80% of items MUST include at least one traceability reference - Each item should reference: spec section [Spec X.Y], or use markers: [Gap], [Ambiguity], [Conflict], [Assumption] - If no ID system exists: "Is a requirement & acceptance criteria ID scheme established? [Traceability]" - Ambiguities: "Is the term 'fast' quantified with specific metrics? [Ambiguity, Spec NFR-1]" - Conflicts: "Do navigation requirements conflict between FR-10 and FR-10a? [Conflict]" - Assumptions: "Is the assumption of 'always available podcast API' validated? [Assumption]" - Dependencies: "Are external podcast API requirements documented? [Dependency, Gap]" - Missing definitions: "Is 'visual hierarchy' defined with measurable criteria? [Gap]" - Soft cap: If raw candidate items > 40, prioritize by risk/impact - Merge near-duplicates checking the same requirement aspect - If >5 low-impact edge cases, create one item: "Are edge cases X, Y, Z addressed in requirements? [Coverage]" - Any item starting with "Verify", "Test", "Confirm", "Check" + implementation behavior - References to code execution, user actions, system behavior - "Displays correctly", "works properly", "functions as expected" - "Click", "navigate", "render", "load", "execute" - Test cases, test plans, QA procedures - Implementation details (frameworks, APIs, algorithms) - "Are [requirement type] defined/specified/documented for [scenario]?" - "Is [vague term] quantified/clarified with specific criteria?" - "Are requirements consistent between [section A] and [section B]?" - "Can [requirement] be objectively measured/verified?" - "Are [edge cases/scenarios] addressed in requirements?" - "Does the spec define [missing aspect]?"

  1. Structure Reference: Generate the checklist following the canonical template for title, meta section, category headings, and ID formatting. If template is unavailable, use: H1 title, purpose/created meta lines, ## category sections containing - [] CHK### <requirement item> lines with globally incrementing IDs starting at CHK001.
  2. Report: Output full path to created checklist, item count, and remind user that each run creates a new file. Summarize:

- Focus areas selected - Depth level - Actor/timing - Any explicit user-specified must-have items incorporated

Important: Each checklist skill invocation creates a checklist file using short, descriptive names unless file already exists. This allows:

  • Multiple checklists of different types (e.g., ux.md, test.md, security.md)
  • Simple, memorable filenames that indicate checklist purpose
  • Easy identification and navigation in the checklists/ folder

To avoid clutter, use descriptive types and clean up obsolete checklists when done.

Example Checklist Types & Sample Items

UX Requirements Quality: ux.md

Sample items (testing the requirements, NOT the implementation):

  • "Are visual hierarchy requirements defined with measurable criteria? [Clarity, Spec FR-1]"
  • "Is the number and positioning of UI elements explicitly specified? [Completeness, Spec FR-1]"
  • "Are interaction state requirements (hover, focus, active) consistently defined? [Consistency]"
  • "Are accessibility requirements specified for all interactive elements? [Coverage, Gap]"
  • "Is fallback behavior defined when images fail to load? [Edge Case, Gap]"
  • "Can 'prominent display' be objectively measured? [Measurability, Spec FR-4]"

API Requirements Quality: api.md

Sample items:

  • "Are error response formats specified for all failure scenarios? [Completeness]"
  • "Are rate limiting requirements quantified with specific thresholds? [Clarity]"
  • "Are authentication requirements consistent across all endpoints? [Consistency]"
  • "Are retry/timeout requirements defined for external dependencies? [Coverage, Gap]"
  • "Is versioning strategy documented in requirements? [Gap]"

Performance Requirements Quality: performance.md

Sample items:

  • "Are performance requirements quantified with specific metrics? [Clarity]"
  • "Are performance targets defined for all critical user journeys? [Coverage]"
  • "Are performance requirements under different load conditions specified? [Completeness]"
  • "Can performance requirements be objectively measured? [Measurability]"
  • "Are degradation requirements defined for high-load scenarios? [Edge Case, Gap]"

Security Requirements Quality: security.md

Sample items:

  • "Are authentication requirements specified for all protected resources? [Coverage]"
  • "Are data protection requirements defined for sensitive information? [Completeness]"
  • "Is the threat model documented and requirements aligned to it? [Traceability]"
  • "Are security requirements consistent with compliance obligations? [Consistency]"
  • "Are security failure/breach response requirements defined? [Gap, Exception Flow]"

Anti-Examples: What NOT To Do

WRONG - These test implementation, not requirements:

- [ ] CHK001 - Verify landing page displays 3 episode cards [Spec FR-001]
- [ ] CHK002 - Test hover states work correctly on desktop [Spec FR-003]
- [ ] CHK003 - Confirm logo click navigates to home page [Spec FR-010]
- [ ] CHK004 - Check that related episodes section shows 3-5 items [Spec FR-005]

CORRECT - These test requirements quality:

- [ ] CHK001 - Are the number and layout of featured episodes explicitly specified? [Completeness, Spec FR-001]
- [ ] CHK002 - Are hover state requirements consistently defined for all interactive elements? [Consistency, Spec FR-003]
- [ ] CHK003 - Are navigation requirements clear for all clickable brand elements? [Clarity, Spec FR-010]
- [ ] CHK004 - Is the selection criteria for related episodes documented? [Gap, Spec FR-005]
- [ ] CHK005 - Are loading state requirements defined for asynchronous episode data? [Gap]
- [ ] CHK006 - Can "visual hierarchy" requirements be objectively measured? [Measurability, Spec FR-001]

Key Differences:

  • Wrong: Tests if the system works correctly
  • Correct: Tests if the requirements are written correctly
  • Wrong: Verification of behavior
  • Correct: Validation of requirement quality
  • Wrong: "Does it do X?"
  • Correct: "Is X clearly specified?"

平台分布

Codex

33.16%
按下载量换算24

Claude

32.32%
按下载量换算23

Cursor

19.81%
按下载量换算14

Gemini CLI

9.62%
按下载量换算7

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills