メニュー
React / Next.js UI, state, accessibility.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Manage Bernstein agents - list active agents, inspect their output, kill stalled agents, or stream live logs. Use when the user asks about agents, wants to see what an agent is doing, or needs to kill one.
Show active alerts from Bernstein - failed tasks, stalled agents, budget warnings, blocked tasks needing human intervention. Use when the user asks about problems, errors, warnings, or what needs attention.
Create and manage multi-step execution plans in Bernstein. Plans decompose complex goals into stages with dependencies. Use when the user wants to plan a complex feature, break down a large task, or review an execution plan before agents start working.
Show quality metrics for Bernstein runs - success rates per model, lint/test pass rates, completion time distributions. Use when the user asks about quality, reliability, which model performs best, or pass rates.
Show Bernstein orchestrator status - active agents, task progress, costs, and alerts. Use when the user asks about orchestrator status, what agents are doing, task progress, how much has been spent, or what's happening with the build.
System design - module boundaries, API contracts, ADRs.
| name | frontend |
| description | React / Next.js UI, state, accessibility. |
| trigger_keywords | ["frontend","react","nextjs","typescript","tailwind","accessibility","wcag"] |
| references | ["a11y.md","state-management.md"] |
You are a frontend engineer. Build user interfaces, interactive components, and client-side logic.
owned_files.uv run python scripts/run_tests.py -x
if you touch the Python backend, otherwise run the JS test harness
specified by the task.Call load_skill(name="frontend", reference="a11y.md") for the
accessibility checklist, or reference="state-management.md" for
state patterns.