setup
Use when user starts a new project, says "new project", "start", "set up", or "scaffold"
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use when user starts a new project, says "new project", "start", "set up", or "scaffold"
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use when user requests a single standalone UI element — a button, form, card, input, or similar — with no broader feature context
Use when something is broken — error messages present, user says broken/not working/bug/fix/error
Use when the user wants to share their app with others or get a public URL — triggers include "deploy", "publish", "go live", "release", "share it", "I want a URL", "give me a link", "make it live", "show others", "put it online", "launch it"
Use when user describes anything to build — this is the default skill for all feature requests not matched by a higher-priority skill
Internal skill — called by other skills after code is approved and tested. Commits and pushes changes to main. Handles missing git identity and GitHub auth in plain English for non-technical users.
Use when user needs to store, retrieve, or persist data with no UI involved — pure data layer work
| name | setup |
| description | Use when user starts a new project, says "new project", "start", "set up", or "scaffold" |
Scaffold a complete React/Vite/TypeScript/Tailwind/IndexedDB/AKS project from scratch. Execute inline — no subagents.
Create exactly these files:
src/main.tsx — React 18 root with ReactDOM.createRoot and <StrictMode>src/App.tsx — Root component, Tailwind-styled, minimal contentsrc/db/schema.ts — IndexedDB schema skeleton: typed interface + openDB helper with onupgradeneededsrc/components/.gitkeepsrc/hooks/.gitkeepvite.config.ts — Vite with @vitejs/plugin-reacttsconfig.json — strict: true, noImplicitAny: true, strictNullChecks: true, jsx: "react-jsx"tailwind.config.ts — content: ["./index.html", "./src/**/*.{ts,tsx}"]postcss.config.js — tailwindcss + autoprefixervitest.config.ts — environment: "jsdom", setupFiles: ["./src/test/setup.ts"]src/test/setup.ts — imports @testing-library/jest-domindex.html — Vite entry point with <div id="root">package.json — all required dependenciesDockerfile — multi-stage: node:20-alpine build, nginx:alpine servemanifests/k8s/base/kustomization.yamlmanifests/k8s/base/deployment.yaml — K8s Deployment manifestmanifests/k8s/base/service.yaml — K8s Service manifestmanifests/k8s/overlays/mt/kustomization.yamlmanifests/k8s/overlays/uat/kustomization.yamlmanifests/k8s/overlays/prod/kustomization.yaml.github/workflows/build-and-publish.yml — builds Docker image, pushes to ACR using ACR_REGISTRY, ACR_USERNAME, ACR_PASSWORD secrets.github/workflows/deploy.yml — applies Kustomize overlay to AKS using KUBE_CONFIG secret