← Back to list

technical-spec
by shinpr
Production-ready TypeScript boilerplate for Claude Code with specialized AI agents
⭐ 162🍴 15📅 Jan 23, 2026
SKILL.md
name: technical-spec description: Defines environment variables, architecture design, and build/test commands. Use when configuring environment or designing architecture.
Technical Design Rules
Basic Technology Stack Policy
TypeScript-based application implementation. Architecture patterns should be selected according to project requirements and scale.
Environment Variable Management and Security
Environment Variable Management
- Centrally manage environment variables and build mechanisms to ensure type safety
- Avoid direct references to
process.env, obtain through configuration management layer - Properly implement default value settings and mandatory checks
Security
- Do not include
.envfiles in Git - Always manage API keys and secrets as environment variables
- Prohibit logging of sensitive information
- Do not include sensitive information in error messages
Architecture Design
Architecture Design Principles
Select appropriate architecture for each project and define clearly:
- Separation of Responsibilities: Clearly define responsibilities for each layer and module, and maintain boundaries
Unified Data Flow Principles
Basic Principles
- Single Data Source: Store the same information in only one place
- Structured Data Priority: Use parsed objects rather than JSON strings
- Clear Responsibility Separation: Clearly define responsibilities for each layer
Data Flow Best Practices
- Validation at Input: Validate data at input layer and pass internally in type-safe form
- Centralized Transformation: Consolidate data transformation logic in dedicated utilities
- Structured Logging: Output structured logs at each stage of data flow
Build and Testing
Use the appropriate run command based on the packageManager field in package.json.
Build Commands
build- TypeScript buildtype-check- Type check (no emit)
Testing Commands
test- Run teststest:coverage- Run tests with coveragetest:coverage:fresh- Run tests with coverage (fresh cache)test:safe- Safe test execution (with auto cleanup)cleanup:processes- Cleanup Vitest processes
Quality Check Requirements
Quality checks are mandatory upon implementation completion:
Phase 1-3: Code Quality Checks
check- Biome (lint + format)check:unused- Detect unused exportscheck:deps- Detect circular dependenciesbuild- TypeScript build
Phase 4: Tests
test- Test execution
Phase 5: Code Quality Re-verification
check:code- Re-verify code quality (clean up side effects from test fixes in Phase 4)
Auxiliary Commands
check:all- Overall integrated check (check:code + test) *for manual batch verificationopen coverage/index.html- Check coverage reportformat- Format fixeslint:fix- Lint fixes
Troubleshooting
- Port in use error: Run the
cleanup:processesscript - Cache issues: Run the
test:coverage:freshscript - Dependency errors: Clean reinstall dependencies
Coverage Requirements
- MANDATORY: Unit test coverage MUST be 70% or higher
- Metrics: Statements, Branches, Functions, Lines
Score
Total Score
75/100
Based on repository quality metrics
✓SKILL.md
SKILL.mdファイルが含まれている
+20
✓LICENSE
ライセンスが設定されている
+10
○説明文
100文字以上の説明がある
0/10
✓人気
GitHub Stars 100以上
+5
✓最近の活動
1ヶ月以内に更新
+10
✓フォーク
10回以上フォークされている
+5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
✓タグ
1つ以上のタグが設定されている
+5
Reviews
💬
Reviews coming soon
