菜单
Set up and improve Storybook, run Playwright-style and browser-driven frontend checks, and report browser or UI problems back to the web team in a structured, actionable way.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | frontend-quality-storybook |
| description | Set up and improve Storybook, run Playwright-style and browser-driven frontend checks, and report browser or UI problems back to the web team in a structured, actionable way. |
Use this skill when the work is about frontend quality infrastructure and browser-driven verification for the web package.
This includes:
packages/web/README.mdpackages/web/package.jsonpackages/web/src/**/*docs/web-ui-development.md.github/copilot-instructions.mdClarify whether the task is about:
For each issue, capture:
pnpm --filter @ai-team/web buildUse when creating, restructuring, or refining agent files, skill files, prompt files, or repository instruction files.
Use when working on agent chat behavior, system prompt construction, handoffs, context injection, or runtime behavior across packages/core and packages/service.
Shape or review ai-team agents from a hiring brief into a clear final portfolio. Use when Emily Davis or another agent needs to turn a role idea into a strong agent with the right personality, reporting line, handoffs, runtime metadata, and supporting skills.
Use when working on AST analysis, tree-sitter parsing, symbol or complexity inspection, diff generation, structured edit proposals, or code-aware backend editing workflows.
Use when an agent needs to run commands reliably across PowerShell, pwsh, cmd, bash, or sh; choose between exec, spawn, and execFile; debug shell-specific failures; or normalize cwd, env, quoting, and output handling for cross-platform command execution.
Use when Adrian or another research-oriented teammate needs to extract content from PDFs or long documents, convert it to Markdown, collect supporting URLs, and produce a source-backed briefing the team can learn from.