setup

스타0

포크0

업데이트2026년 4월 9일 11:05

Use when user starts a new project, says "new project", "start", "set up", or "scaffold"

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

출처

vippsas

vippsas/test-ai-pg-repo

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Setup Skill

Scaffold a complete React/Vite/TypeScript/Tailwind/IndexedDB/AKS project from scratch. Execute inline — no subagents.

Output Contract

Create exactly these files:

Source

src/main.tsx — React 18 root with ReactDOM.createRoot and <StrictMode>
src/App.tsx — Root component, Tailwind-styled, minimal content
src/db/schema.ts — IndexedDB schema skeleton: typed interface + openDB helper with onupgradeneeded
src/components/.gitkeep
src/hooks/.gitkeep

Config

vite.config.ts — Vite with @vitejs/plugin-react
tsconfig.json — strict: true, noImplicitAny: true, strictNullChecks: true, jsx: "react-jsx"
tailwind.config.ts — content: ["./index.html", "./src/**/*.{ts,tsx}"]
postcss.config.js — tailwindcss + autoprefixer
vitest.config.ts — environment: "jsdom", setupFiles: ["./src/test/setup.ts"]
src/test/setup.ts — imports @testing-library/jest-dom
index.html — Vite entry point with <div id="root">
package.json — all required dependencies

Deployment

Dockerfile — multi-stage: node:20-alpine build, nginx:alpine serve
manifests/k8s/base/kustomization.yaml
manifests/k8s/base/deployment.yaml — K8s Deployment manifest
manifests/k8s/base/service.yaml — K8s Service manifest
manifests/k8s/overlays/mt/kustomization.yaml
manifests/k8s/overlays/uat/kustomization.yaml
manifests/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

Rules

All TypeScript files use strict mode
No test files required — scaffold is exempt from the testing requirement
After completion, tell the user in plain English: "Your project is set up and ready to go. To start building, just describe what you want. To deploy, say 'deploy'."

이 저장소의 다른 Skills

같은 저장소

component

vippsas/test-ai-pg-repo

Use when user requests a single standalone UI element — a button, form, card, input, or similar — with no broader feature context

2026-04-090

debug

vippsas/test-ai-pg-repo

Use when something is broken — error messages present, user says broken/not working/bug/fix/error

2026-04-090

deploy

vippsas/test-ai-pg-repo

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"

2026-04-090

feature

vippsas/test-ai-pg-repo

Use when user describes anything to build — this is the default skill for all feature requests not matched by a higher-priority skill

2026-04-090

git

vippsas/test-ai-pg-repo

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.

2026-04-090

indexeddb

vippsas/test-ai-pg-repo

Use when user needs to store, retrieve, or persist data with no UI involved — pure data layer work

2026-04-090

name	setup
description	Use when user starts a new project, says "new project", "start", "set up", or "scaffold"

Setup Skill

Scaffold a complete React/Vite/TypeScript/Tailwind/IndexedDB/AKS project from scratch. Execute inline — no subagents.

Output Contract

Create exactly these files:

Source

src/main.tsx — React 18 root with ReactDOM.createRoot and <StrictMode>
src/App.tsx — Root component, Tailwind-styled, minimal content
src/db/schema.ts — IndexedDB schema skeleton: typed interface + openDB helper with onupgradeneeded
src/components/.gitkeep
src/hooks/.gitkeep

Config

vite.config.ts — Vite with @vitejs/plugin-react
tsconfig.json — strict: true, noImplicitAny: true, strictNullChecks: true, jsx: "react-jsx"
tailwind.config.ts — content: ["./index.html", "./src/**/*.{ts,tsx}"]
postcss.config.js — tailwindcss + autoprefixer
vitest.config.ts — environment: "jsdom", setupFiles: ["./src/test/setup.ts"]
src/test/setup.ts — imports @testing-library/jest-dom
index.html — Vite entry point with <div id="root">
package.json — all required dependencies

Deployment

Dockerfile — multi-stage: node:20-alpine build, nginx:alpine serve
manifests/k8s/base/kustomization.yaml
manifests/k8s/base/deployment.yaml — K8s Deployment manifest
manifests/k8s/base/service.yaml — K8s Service manifest
manifests/k8s/overlays/mt/kustomization.yaml
manifests/k8s/overlays/uat/kustomization.yaml
manifests/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

Rules

All TypeScript files use strict mode
No test files required — scaffold is exempt from the testing requirement
After completion, tell the user in plain English: "Your project is set up and ready to go. To start building, just describe what you want. To deploy, say 'deploy'."