메뉴
Use this skill for frontend work in web_app (React/TypeScript, UI implementation, tests, and refactors).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use this skill for Elixir/Phoenix development in this repo: implementing features, refactors, debugging, tests, Ecto changes, and production-safe fixes.
Query the running HydraSRT instance via MCP (routes, logs, stats, control). Use when the user invokes /HydraSRT or asks to inspect or control a live HydraSRT deployment through MCP.
Run HydraSRT development workflows: mix q quality gate, Elixir unit/E2E tests, native Rust tests, web Vitest/Playwright, and make dev. Use when the user asks to run tests, check code quality, start the dev server, or debug CI locally.
Use this skill for GStreamer pipeline development and debugging: graph design, caps negotiation issues, latency, synchronization, and runtime diagnostics.
Use when designing or evolving Hydra platform architecture across Elixir/Phoenix, SQLite, DuckDB analytics, native/Rust, and runtime boundaries.
Use this skill for Rust development in this repo: design, implementation, debugging, performance work, and reliable testing.
| name | frontend |
| description | Use this skill for frontend work in web_app (React/TypeScript, UI implementation, tests, and refactors). |
Use for any task touching web_app/, React components, TypeScript, styling, or frontend tests.
.ts / .tsx, not .js / .jsx..tsx module if the file is large).web_app/src/types/ (api.ts, errors.ts, routes.ts, interfaces.ts, endpoints.ts).web_app/src/utils/*.ts (see utils/tokensApi.ts).web_app/src/pages/**/**/*.tsx; keep legacy .jsx parents as thin wrappers if needed.npm run typecheck and npm run lint before considering frontend work done; CI runs typecheck, lint, build, and unit tests.// @ts-nocheck is forbidden in frontend source and tests. Do not add it. If encountered, remove it and fix typings (or use narrow, justified @ts-expect-error on a specific line only when unavoidable).web_app/ (Vite, ESLint, Playwright, scripts/e2e-server.ts) uses TypeScript; npm run typecheck runs both tsconfig.json (app) and tsconfig.node.json (configs/E2E).antd) components.antd provides an equivalent.antd components over custom-drawn UI.cd web_app && npm run typecheckcd web_app && npm run test:unitcd web_app && npm run test:unit:watchcd web_app && npm run test:e2ecd web_app && npm run lintcd web_app && npm run typecheck && npm run lint && npm run build && npm run test:unit:ci