Agent skill
add-new-file
Guide for adding new files to this codebase while respecting architectural principles including Separation of Concerns, Common Closure Principle, small composable functions (max 20 lines), and externalizing constants. Use when creating new modules, utilities, or any new source files in the project.
Install this agent skill to your Project
npx add-skill https://github.com/felixAnhalt/opencode-worktree-session/tree/main/.opencode/skill/add-new-file
SKILL.md
Add New File
This skill guides you through adding new files to the codebase while maintaining architectural consistency and code quality standards.
Quick Reference
When adding a new file to this project:
- Determine the scope - What domain/concern does this file address?
- Follow module pattern - Create types.ts, constants.ts, main logic file
- Externalize constants - All magic strings/numbers go in constants.ts
- Keep functions small - Max 20 lines of logic per function
- Use proper imports -
node:prefix,import type,.tsextensions - Write co-located tests - Create
.test.tsalongside source
See references/architecture-principles.md for comprehensive guidelines.
Adding a New Module
When creating a new module (e.g., cache/, auth/, logger/):
Step 1: Create Module Directory
module-name/
├── types.ts # Type definitions only
├── constants.ts # Externalized constants
├── module-name.ts # Core logic
└── module-name.test.ts # Tests
Step 2: Define Types First
Create types.ts:
export interface ModuleConfig {
enabled: boolean;
timeout: number;
}
export type ModuleState = "idle" | "active" | "error";
Step 3: Externalize Constants
Create constants.ts:
export const DEFAULT_TIMEOUT_MS = 5000;
export const MODULE_CONFIG_FILE = "module-config.json";
export const ERROR_INVALID_CONFIG = "Invalid module configuration";
Step 4: Implement Core Logic
Create module-name.ts:
import { existsSync, readFileSync } from "node:fs";
import { join } from "node:path";
import type { ModuleConfig } from "./types.ts";
import { DEFAULT_TIMEOUT_MS, MODULE_CONFIG_FILE } from "./constants.ts";
export const loadModuleConfig = (dir: string): ModuleConfig => {
const configPath = join(dir, MODULE_CONFIG_FILE);
if (!existsSync(configPath)) {
return { enabled: true, timeout: DEFAULT_TIMEOUT_MS };
}
return JSON.parse(readFileSync(configPath, "utf-8"));
};
Step 5: Write Tests
Create module-name.test.ts following Vitest patterns in the reference doc.
Adding a Utility File
For standalone utilities that don't need a full module:
- Place in appropriate existing module or create
utils/if needed - Create
utils/helper.tsandutils/helper.test.ts - Extract any constants to the parent module's
constants.ts - Keep functions small and composable
Pre-Flight Checklist
Before creating files, verify:
- ✅ Correct location - File belongs in right module/directory
- ✅ Constants identified - Know what values need externalizing
- ✅ Types defined - Clear interfaces for inputs/outputs
- ✅ Single responsibility - File has one clear purpose
- ✅ Dependencies mapped - Know what to import
Post-Creation Checklist
After creating files, verify:
- ✅ All imports use
node:prefix for built-ins - ✅ Type imports use
import type - ✅ Relative imports include
.tsextension - ✅ All exports have explicit return types
- ✅ Constants externalized to
constants.ts - ✅ Functions under 20 lines of logic
- ✅ Tests created and passing
- ✅ Code follows style guide (see reference doc)
- ✅ No
console.logstatements (useclient.tui)
Common Patterns
Configuration Module
config/
├── types.ts # ConfigOptions, ConfigSchema
├── constants.ts # CONFIG_FILE_NAME, DEFAULT_VALUES
├── config.ts # loadConfig(), saveConfig()
└── config.test.ts
Business Logic Module
processor/
├── types.ts # ProcessorInput, ProcessorOutput
├── constants.ts # MAX_RETRIES, TIMEOUT_MS
├── processor.ts # process(), validate()
└── processor.test.ts
Utility Module
utils/
├── string-utils.ts # String manipulation helpers
├── string-utils.test.ts
├── path-utils.ts # Path manipulation helpers
└── path-utils.test.ts
Detailed Guidelines
For comprehensive information on:
- Complete constants externalization rules with examples
- Full code style guide (imports, functions, naming, formatting)
- Error handling patterns
- Testing patterns with Vitest
- File system operation patterns
Read: references/architecture-principles.md
Verification Commands
After creating new files:
bun run typecheck # Verify TypeScript types
bun run lint # Check code style
bun run test # Run tests
bun run build # Ensure it builds
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
atomic-components
Create atomic components (atoms) - basic, reusable UI building blocks following React/TypeScript best practices with Tailwind v4 styling. Use when creating fundamental UI elements like buttons, inputs, labels, icons, or other single-responsibility components. Triggers on requests like "create a button component", "add an input atom", "build a reusable icon wrapper", or "create atomic UI elements".
obsidian-vault
Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.
handoff
Compact the current conversation into a handoff document for another agent to pick up.
Didn't find tool you were looking for?