菜单
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