Token导航 LogoToken导航

Agent Skill · 前端设计

qa-discussion(质量保证讨论)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

qa-discussion 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证为 MIT,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 4,410。

总安装 894周安装 38GitHub Stars 52下载 313核验 2026-05-01

安装说明

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

安装方式

通过对话安装

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

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

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/zenobi-us/dotfiles --skill qa-discussion

这个 Skill 是做什么的

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

qa-discussion 用于辅助前端页面、组件和样式开发,适合生成或审查 React、Vue 等代码。适用于组件结构整理、布局问题定位和性能优化支持。通过 npx skills add 命令从指定 GitHub 仓库安装使用。需结合项目路由和构建方式,避免生成孤立片段。

适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

来源仓库内路径:skills/qa-discussion

上手步骤

4 步
  1. 1

    确认自己的宿主工具

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

  2. 2

    拿到安装命令

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

  3. 3

    安装后重启宿主

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

  4. 4

    按最小权限试用

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

常见问题

6 条

qa-discussion 怎么安装?

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

qa-discussion 支持哪些 AI 工具?

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

qa-discussion 需要什么权限?

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

qa-discussion 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

qa-discussion 用的人多吗?

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

qa-discussion 安全吗?

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

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

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 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只读未明确通过
qa-discussion

质量保证讨论 · 本页

89452需要联网MIT通过

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

SKILL.md 原文

Q&A Discussion Conductor

Overview

Systematically conduct structured Q&A discussions with users. Handles multiple question types, tracks progress, validates responses, and generates comprehensive summary reports. Perfect for assessments, onboarding, feedback collection, or educational interactions.

Core Capabilities

Question Types:

  • Multiple Choice: Select one or more correct answers from options
  • Single Choice: Select exactly one correct answer from options
  • Open-Ended: Free-form text responses with optional validation

Session Features:

  • Progress tracking (Question X of Y)
  • One question at a time for clarity
  • Smart re-prompting on invalid answers with helpful feedback
  • Complete response logging with validation status
  • Summary report after discussion completion

When to Use

Use this skill when you need to:

  • Conduct structured assessments or quizzes
  • Gather feedback through systematic questioning
  • Onboard users with validated knowledge checks
  • Create educational interactions with tracking
  • Run audits or compliance checks requiring documented responses

Don't use when:

  • Questions are casual or conversational (just chat naturally)
  • You don't need to validate or track responses
  • The discussion is exploratory rather than structured

The Process

Step 1: Define Questions

Create a structured question array with all necessary metadata:

const questions: Question[] = [
  {
    id: 'q1',
    text: 'What is the capital of France?',
    type: 'single',
    options: ['London', 'Paris', 'Berlin', 'Madrid'],
    correctAnswer: 'Paris'
  },
  {
    id: 'q2',
    text: 'Select all that apply: Which are JavaScript frameworks?',
    type: 'multiple',
    options: ['React', 'Django', 'Vue', 'Laravel'],
    correctAnswers: ['React', 'Vue']
  },
  {
    id: 'q3',
    text: 'Explain why you chose your answer above',
    type: 'open',
    validation: (answer) => answer.length >= 10
  }
];

Step 2: Conduct the Discussion

Call the main function to start:

const session = await conductDiscussion(questions);

The skill will:

  1. Display each question clearly with progress indicator
  2. Wait for user response
  3. Validate against question criteria
  4. Re-prompt if invalid with helpful feedback
  5. Store validated response
  6. Move to next question
  7. Generate summary when complete

Step 3: Review Results

Access the session data for reporting:

// Session structure:
{
  totalQuestions: number;
  completedQuestions: number;
  responses: Array<{
    questionId: string;
    text: string;
    answer: string;
    isValid: boolean;
    attempts: number;
  }>;
  summary: {
    totalAttempts: number;
    validResponses: number;
    invalidResponses: number;
    completionTime: number;
  };
}

Display Conventions

Question Presentation:

  • Clear title showing question number and total (e.g., "Question 1 of 5")
  • Question text prominently displayed
  • Options numbered for easy reference (1, 2, 3...)
  • Instructions vary by type:

- Single choice: "Select one option (enter number)" - Multiple choice: "Select all that apply (enter numbers separated by commas)" - Open-ended: "Enter your response (minimum 10 characters)"

Validation Feedback:

  • Invalid input: "Invalid selection. Please enter 1, 2, 3, or 4"
  • Multiple choice format error: "Invalid format. Use: 1,2,3"
  • Open-ended validation failed: "Response too short. Please provide more detail"
  • Empty input: "Response cannot be empty"

Progress Display:

  • Each question shows: "Question 2 of 7"
  • Visual spacing between questions for clarity
  • Summary displayed after final question

Error Handling

Input Validation:

  • Out of range selections → re-prompt with valid range
  • Wrong format (single choice given multiple) → explain expected format
  • Empty responses → ask to provide an answer
  • Custom validation failures → explain criteria with helpful message

Session Errors:

  • No questions provided → throw clear error
  • Invalid question type → validate during setup
  • Timeout/interruption → save progress and allow resume

Key Principles

  • One question at a time - Never show multiple questions together
  • Clear feedback - Always explain why an answer is invalid
  • Complete tracking - Log every response with validation status
  • Flexible validation - Support exact match, list validation, and custom functions
  • User-friendly - Numbered options, clear instructions, helpful messages
  • Resumable - Design allows pausing and resuming if needed

Example Usage

See @index.ts for complete implementation with:

  • Full TypeScript types for all question types
  • Comprehensive error handling
  • Real-world usage examples
  • Integration patterns

平台分布

OpenCode

29.32%
按下载量换算92

Antigravity

21.91%
按下载量换算69

Claude Code

15.97%
按下载量换算50

Gemini CLI

10.68%
按下载量换算33

windsurf

7.57%
按下载量换算24

Codex

3.15%
按下载量换算10

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

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

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

继续浏览同类 Skills