메뉴
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.