커스텀 템플릿

my-template/
├── .replit                              # 앱 구성 (실행 명령, 포트, 모듈)
├── replit.md                            # Agent 메모리: 프로젝트 개요 및 기본 설정
├── custom_instruction/
│   └── instructions.md                  # Agent 프롬프트에 주입되는 회사 지침
├── .agents/
│   └── skills/
│       └── my-skill/
│           └── SKILL.md                 # Agent가 필요 시 호출할 수 있는 커스텀 스킬
└── ...                                  # 나머지 저장소 구조

# 회사 엔지니어링 표준

## 아키텍처
모든 웹 애플리케이션은 TypeScript와 함께 React를 사용합니다. 훅이 있는
함수형 컴포넌트만 사용합니다. 상태 관리는 로컬 상태에 Zustand를,
서버 상태에 React Query를 사용합니다.

## 컴포넌트 라이브러리
내부 디자인 시스템 패키지 `@acme/ui`를 사용합니다. 버튼, 입력, 폼,
모달에는 절대 원시 HTML 요소를 사용하지 말고 항상 `@acme/ui`의
해당 컴포넌트를 사용합니다.

다음과 같이 컴포넌트를 가져옵니다:
```tsx
import { Button, TextField, Modal } from '@acme/ui';
```

## API 통합
모든 API 호출은 `@acme/api-client` 패키지를 통해 이루어집니다.
절대 raw fetch나 axios를 직접 사용하지 않습니다. 인증은 클라이언트가
자동으로 처리합니다.

## 테스트
모든 컴포넌트에는 해당 테스트 파일이 있어야 합니다. 단위 테스트에는
Vitest를, 통합 테스트에는 Playwright를 사용합니다.

.agents/skills/
├── use-design-system/
│   └── SKILL.md
├── api-integration/
│   └── SKILL.md
└── run-tests/
    └── SKILL.md

---
name: use-design-system
description: Use when building UI components. Provides component patterns, theming rules, and accessibility requirements for the Acme design system.
---

# Acme Design System

## Available components

- `Button` — Primary, secondary, and ghost variants
- `TextField` — Text input with validation support
- `Modal` — Dialog overlay with focus trapping
...

.agents/skills/use-design-system/
├── SKILL.md
├── references/
│   └── component-api.md
└── assets/
    └── theme-tokens.json

# Overview
Task management application built with React, TypeScript, and the Acme
design system. Uses Express.js backend with PostgreSQL.

# User Preferences
- Use TypeScript for all files
- Prefer functional components with hooks
- Follow Acme coding standards

# System Architecture
- Frontend: React + TypeScript + @acme/ui
- Backend: Express.js + TypeScript
- Database: PostgreSQL with Drizzle ORM
- Auth: Acme SSO via @acme/auth

# External Dependencies
- @acme/ui: Internal design system
- @acme/api-client: API integration layer
- @acme/auth: Authentication SDK

# 좋음 — 언제 사용할지 설명
description: Use when building forms or handling user input. Provides validation patterns, error display conventions, and accessible form layouts.

# 덜 효과적 — 너무 모호함
description: Form utilities and helpers.