Token导航 LogoToken导航

Agent Skill · 前端设计

brainstorm-to-issues(对问题进行头脑风暴)

用于围绕 GitHub 仓库、Issue、Pull Request、分支、提交和代码协作流程提供辅助能力。它适合让 Agent 查询项目状态、整理变更、辅助创建或检查协作事项,并把仓库中的信息转成可执行的下一步。使用时需要区分只读查询和写入操作;涉及创建 PR、修改 Issue、推送分支或访问私有仓库时,应确认 token 权限、目标仓库范围和用户授权。

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

总安装 356周安装 15GitHub Stars 公开资料未说明下载 125核验 2026-05-01

安装说明

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

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/hifisaputra/skills --skill brainstorm-to-issues

这个 Skill 是做什么的

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

将口语化想法转化为结构化 GitHub Issue,自动补全标题、标签与验收标准。支持引用现有 PRD 或分支上下文,确保 issue 与代码库对齐。创建前会检查 gh auth 状态,未登录则暂停等待用户认证。生成的 issue 可直接提交至指定仓库,减少人工整理成本。

brainstorm-to-issues 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/brainstorm-to-issues

上手步骤

4 步
  1. 1

    确认自己的宿主工具

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

  2. 2

    拿到安装命令

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

  3. 3

    安装后重启宿主

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

  4. 4

    按最小权限试用

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

常见问题

6 条

brainstorm-to-issues 怎么安装?

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

brainstorm-to-issues 支持哪些 AI 工具?

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

brainstorm-to-issues 需要什么权限?

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

brainstorm-to-issues 是免费的吗?

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

brainstorm-to-issues 用的人多吗?

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

brainstorm-to-issues 安全吗?

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

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

值得选的地方

  • 同时适配 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只读未明确通过
brainstorm-to-issues

对问题进行头脑风暴 · 本页

356—需要联网未明确通过

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

SKILL.md 原文

Brainstorm to Issues

Turn a casual idea into structured, implementable GitHub issues through conversation.

Pre-flight

Before starting the brainstorm, verify the environment so the user doesn't lose work at the end:

gh auth status

If this fails, stop immediately: "GitHub CLI isn't authenticated. Run gh auth login first, then let's brainstorm."

Process

1. Capture the idea

Ask the user to describe their idea freely. Don't interrupt — let them get it all out. Then summarize what you heard back to them in 2-3 sentences to confirm understanding.

If the user references an existing PRD or issue (e.g., "I want to add more issues to #42" or "let's extend the auth PRD"), read it with gh issue view <number> and skip to step 4 — you're extending, not creating from scratch.

2. Explore the codebase

Before interviewing the user, proactively explore the codebase to understand the landscape. This makes your questions sharper and avoids asking things the code already answers:

  • Project structure, frameworks, and patterns in use
  • Existing modules related to the idea
  • Database schemas, API routes, or config that would be affected
  • Test infrastructure and conventions
  • File ownership boundaries — which directories/files belong to which logical modules. This matters later when you need to split work into non-overlapping issues for parallel implementation.

This exploration informs both the interview and the eventual issue breakdown. Spend enough time here that you can have a technical conversation about the idea without constantly asking the user "where does X live?"

3. Grill the idea

Interview the user about every aspect. Walk down each branch of the decision tree, resolving dependencies between decisions one-by-one. For each question, provide your recommended answer informed by what you found in the codebase.

If a question can be answered by exploring the codebase, explore it instead of asking.

Cover at minimum:

  • Who is this for? What problem does it solve?
  • What does "done" look like?
  • What are the edge cases?
  • What's explicitly out of scope?
  • Are there technical constraints or preferences?

Keep going until there are no open questions.

4. Write the PRD

Create a PRD as a GitHub issue using gh issue create:

The problem from the user's perspective.

Solution

The solution from the user's perspective.

User Stories

Numbered list:

  1. As a, I want, so that

Be extensive — cover all aspects discussed.

Implementation Decisions

Key technical decisions made during brainstorming:

  • Modules to build/modify (reference by component/module name — e.g., "auth middleware", "users API", "dashboard page")
  • Architectural choices
  • Schema changes
  • API contracts

Include enough technical direction that the implementing agent knows which areas of the codebase to work in, but avoid hardcoding specific file paths or line numbers that will go stale.

Out of Scope

What was explicitly excluded.

Add the label prd to the issue.

5. Break into vertical slices

Break the PRD into tracer bullet issues. Each issue is a thin vertical slice through ALL layers end-to-end, NOT a horizontal layer slice.

Scope estimation: For each slice, estimate the rough size (small: <100 lines, medium: 100-300 lines, large: 300-500 lines). If any slice looks like it would exceed ~500 lines of changes, split it further — the downstream implementation skill has a ~500 line threshold and will reject issues that are too large.

Minimize file conflicts for parallel work

AI agents pick up unblocked ai-ready issues in parallel. If two parallel issues modify the same files, their PRs will conflict and one will need to be rebased or redone. This is wasteful, so the issue breakdown should minimize file overlap between issues that can run at the same time.

Keep every issue as a vertical slice. Do not split work into horizontal layers (e.g., "all schema changes" then "all renderer changes" then "all UI changes") just to avoid file conflicts. Each issue should still touch all the layers it needs end-to-end. The way to avoid conflicts is through dependency chains, not by breaking vertical slices apart.

After defining the slices, do a file-overlap analysis:

  1. Map the file footprint of each slice — list the files or directories it will likely touch. Be specific (e.g., "src/api/routes/widgets.ts, src/db/migrations/, src/components/WidgetList.tsx") rather than vague ("the API layer"). Use what you learned in step 2 about the codebase structure.
  2. Identify conflicts — two slices conflict if their file footprints overlap. Common conflict hotspots:

- Shared config files (routes index, DB schema, app entrypoint) - Barrel/index files that re-export modules - Shared types or interfaces files - CSS/style files used across components

  1. Resolve conflicts through dependency chains. When two vertical slices touch the same files, chain them with a dependency so they run sequentially instead of in parallel. Pick the natural ordering — the slice that establishes shared groundwork (e.g., adds the DB table, creates the base component) goes first, and the slice that builds on it depends on it. If there's no natural ordering, just pick one. The key rule: no two simultaneously-unblocked issues should share files. Add as many dependency links as needed to enforce this — a longer chain is better than a merge conflict.
  2. Maximize parallel lanes. Arrange the dependency graph so the maximum number of issues are unblocked at any given time, while respecting the constraint above. Think of it as coloring a graph: issues in the same "color" (parallel group) must not conflict on files. Spread unrelated slices across separate lanes that can run simultaneously.

If a shared file is unavoidable across many slices (e.g., a routes index where every feature adds a line), front-load those changes into the first slice in the chain so later slices only append to what the first one established.

Present the breakdown

Present the breakdown to the user as a numbered list showing:

  • Title: short descriptive name
  • Type: HITL (needs human input) / AFK (fully autonomous)
  • Priority: critical / high / normal (if everything is normal, skip this column)
  • Blocked by: dependencies on other slices
  • User stories covered: which stories from the PRD
  • Estimated size: small / medium / large
  • Files touched: key files/directories this slice will modify

After the list, show a parallel lanes view — which issues can run simultaneously without conflicts:

Lane 1: #1 Setup DB schema → #3 Widget CRUD API → #5 Widget permissions
Lane 2: #2 Dashboard layout  → #4 Widget list component

This makes the conflict-avoidance strategy visible. Ask: Does the granularity feel right? Any slices to merge or split? Do the dependency chains make sense for avoiding conflicts?

Iterate until approved.

6. Create the issues

Before creating anything, save the full list of planned issues (titles, bodies, labels, dependencies) to a local file as a backup:

<project-root>/brainstorm-<short-name>.json

This ensures nothing is lost if issue creation fails partway through. If a gh issue create call fails, stop, report which issues were created and which remain, and offer to retry the remaining ones.

For each approved slice, create a GitHub issue with gh issue create. Create in dependency order so you can reference real issue numbers.

#

What to build

Concise description of this vertical slice. Describe end-to-end behavior, not layer-by-layer implementation.

Acceptance criteria

Specific, testable criteria that an implementing agent can verify. Each criterion should describe observable behavior, not vague quality:

  • POST /api/widgets returns 201 with the created widget JSON
  • Widget appears in the dashboard list without page refresh
  • Creating a widget with a duplicate name returns 409

Avoid criteria like "works correctly" or "handles edge cases" — be precise about what "correct" means.

Blocked by

List of issue references this depends on, or omit this section entirely if unblocked.

  • #

Type

AFK / HITL

Input Needed (HITL only)

What specific input the human must provide before this can be implemented. Be precise — not "design feedback" but "choose between tabbed layout or sidebar layout for the settings page and provide rough wireframe or description of which settings go where."

Labeling rules:

  • AFK issues with no blockers → label ai-ready (can be picked up immediately by the AI implementation loop)
  • AFK issues with blockers → label ai-blocked (will be picked up automatically when blockers close)
  • HITL issues → label ai-needs-input (waiting for human to provide input described in the "Input Needed" section). Once the human comments with their input and relabels to ai-ready, the AI implementation loop picks it up.

If the user assigned priorities, also add the corresponding label:

  • priority:critical or priority:high (normal priority gets no label — it's the default)

7. Update the PRD with child links

After all issues are created, edit the PRD issue to add a tracking section at the bottom:

gh issue edit <prd-number> --body "$(current body)

## Implementation Issues

- [ ] #<issue-1> - <title>
- [ ] #<issue-2> - <title>
- [ ] #<issue-3> - <title>
"

This makes the PRD a single source of truth — you can see the full breakdown and track progress from one place.

8. Summary

Print a summary: PRD issue link, list of created issues with numbers and labels, dependency graph, and suggested starting order.

If any HITL issues were created, call them out explicitly:

Issues waiting for your input:
- #<number> "<title>" — needs: <what input is needed>
- #<number> "<title>" — needs: <what input is needed>

Comment on the issue with your input, then change the label from `ai-needs-input` to `ai-ready` to hand it off.

Clean up the local backup file if all issues were created successfully.

平台分布

Codex

36.14%
按下载量换算45

Claude

31.74%
按下载量换算40

Cursor

18.75%
按下载量换算23

Gemini CLI

10.06%
按下载量换算13

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

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

安装前确认

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

继续浏览同类 Skills