بنقرة واحدة
frontend
Use this skill for frontend work in web_app (React/TypeScript, UI implementation, tests, and refactors).
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use this skill for frontend work in web_app (React/TypeScript, UI implementation, tests, and refactors).
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
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.
استنادا إلى تصنيف SOC المهني
| 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