Agent skill

Template Code Generator

by ArabelaTso in ArabelaTso/Skills-4-SE

Generate boilerplate code and project templates/skeletons automatically.

Apache-2.0Auto-check passedDevelopment

Install Template Code Generator

skills CLI
$ npx skills add ArabelaTso/Skills-4-SE --skill template-code-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install ArabelaTso/Skills-4-SE template-code-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/ArabelaTso/Skills-4-SE.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/template-code-generator .claude/skills/template-code-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
template-code-generator
GitHub stars
253
Token cost
~2.4k tokens
SKILL.md length
450 words
Files
4 (incl. references, assets)
Skills in repo
150
Repo updated
First seen
Licence
Apache-2.0

At a glance

Generate boilerplate code and project templates/skeletons automatically.

  • Works in 10 steps: Identify Need → Select Template/Pattern → Customize → …
  • Creating new projects from scratch (React app
  • SKILL.md covers Quick Start, Project Templates, Code Generation Patterns and Generation Workflow, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Template Code Generator is an agent skill from ArabelaTso/Skills-4-SE. Generate boilerplate code and project templates/skeletons automatically. Use when: (1) Creating new projects from scratch (React app, FastAPI backend, Express API), (2) Generating repetitive code patterns (CRUD endpoints, models, controllers), (3) Scaffolding components, services, or modules, (4) Creating test boilerplate, (5) Setting up monorepo structures. Provides project templates and code generation patterns for common development tasks.

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files and assets (for example `assets/react-app/package.json`, `references/code_patterns.md` and `references/template_patterns.md`).

It sits in Development, covering Project scaffolding, Backend development and Monorepo tooling. It works with FastAPI, React and TypeScript. The repository describes itself as: A curated list of 180+ useful Claude Skills for Software Engineering and resources for customizing AI for SE workflows. The licence is Apache-2.0.

When your agent uses it

  • Creating new projects from scratch (React app
  • FastAPI backend
  • Generating repetitive code patterns (CRUD endpoints
  • Scaffolding components

Example prompts

  • “/template-code-generator”

Requirements

  • Python 3
  • Docker

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. Identify Need
  2. Select Template/Pattern
  3. Customize
  4. Generate
  5. Verify
  6. Follow Project Conventions
  7. Include Type Safety
  8. Generate Tests Alongside Code
  9. Use Consistent Patterns
  10. Document Generated Code

What it can do on your machine

Read from SKILL.md and the folder at commit 4f38503. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript, bash and python).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Template Code Generator loads about 2.4k tokens when it runs, and up to ~9.5k if it reads all its reference files. Until then it costs about 118 tokens; SKILL.md has 450 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~118
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~9.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from ArabelaTso/Skills-4-SE at commit 4f38503, republished under its Apache-2.0 licence (© ArabelaTso). 450 words, ~2,350 tokens.

Download SKILL.mdSave it as .claude/skills/template-code-generator/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
template-code-generator
description
Generate boilerplate code and project templates/skeletons automatically. Use when: (1) Creating new projects from scratch (React app, FastAPI backend, Express API), (2) Generating repetitive code patterns (CRUD endpoints, models, controllers), (3) Scaffolding components, services, or modules, (4) Creating test boilerplate, (5) Setting up monorepo structures. Provides project templates and code generation patterns for common development tasks.

Template Code Generator

Generate boilerplate code and complete project skeletons automatically, accelerating development with battle-tested templates.

Quick Start

Generate Complete Projects

React Application:

bash
# Use assets/react-app as template base
# Includes: Vite, TypeScript, React Router, standard structure

FastAPI Backend:

bash
# Complete API structure with:
# - Route organization
# - CRUD patterns
# - Database models
# - Pydantic schemas

Express/TypeScript API:

bash
# Production-ready structure:
# - Controllers/Services pattern
# - Middleware setup
# - Error handling
# - Type safety

See template_patterns.md for complete project structures.

Generate Code Patterns

CRUD Endpoints:

typescript
// Generates complete REST endpoints with validation
router.get('/', controller.getAll);
router.post('/', validate(schema), controller.create);
router.put('/:id', validate(schema), controller.update);
router.delete('/:id', controller.delete);

React Components:

typescript
// Functional component with TypeScript props
export const ComponentName: React.FC<Props> = ({ prop1, prop2 }) => {
  return <div>{/* content */}</div>;
};

See code_patterns.md for all code generation patterns.

Project Templates

Web Applications

React/TypeScript SPA

  • Vite build system
  • React Router setup
  • Custom hooks (useFetch, useAuth)
  • Component structure (common, layout, pages)
  • Type-safe API client
  • Environment configuration

Full-Stack Monorepo

  • Turborepo setup
  • Frontend (React) + Backend (Express/FastAPI)
  • Shared packages (types, utils, UI components)
  • Coordinated build pipeline
Backend Services

FastAPI Application

  • Modular API structure (v1 routing)
  • CRUD base classes
  • Pydantic schemas
  • Database models (SQLAlchemy/Prisma)
  • Dependency injection
  • Authentication/Authorization setup

Express/TypeScript API

  • MVC architecture
  • Service layer pattern
  • Middleware (auth, validation, error handling)
  • TypeORM/Prisma integration
  • Request/response typing
CLI Tools

Python CLI (Click)

  • Command structure
  • Subcommands pattern
  • Configuration management
  • Progress indicators
  • Installation via setuptools

Code Generation Patterns

Classes and Models

TypeScript Interface + Class:

typescript
interface User {
  id: number;
  email: string;
  name: string;
}

class UserModel implements User {
  constructor(
    public id: number,
    public email: string,
    public name: string
  ) {}

  toJSON(): User {
    return { id: this.id, email: this.email, name: this.name };
  }
}

Python Dataclass:

python
@dataclass
class User:
    id: int
    email: str
    name: str
    created_at: datetime = field(default_factory=datetime.now)

    def to_dict(self) -> dict:
        return asdict(self)
API Endpoints

REST CRUD (Express):

typescript
class UserController {
  async getAll(req: Request, res: Response) {
    const users = await userService.findAll();
    res.json(users);
  }

  async create(req: Request, res: Response) {
    const user = await userService.create(req.body);
    res.status(201).json(user);
  }

  // ... getById, update, delete
}

FastAPI Endpoints:

python
@router.get("/", response_model=List[User])
def read_users(skip: int = 0, limit: int = 100, db: Session = Depends(get_db)):
    return crud_user.get_multi(db, skip=skip, limit=limit)

@router.post("/", response_model=User)
def create_user(user_in: UserCreate, db: Session = Depends(get_db)):
    return crud_user.create(db, obj_in=user_in)
Components

React Functional Component:

typescript
interface ButtonProps {
  label: string;
  onClick: () => void;
  variant?: 'primary' | 'secondary';
}

export const Button: React.FC<ButtonProps> = ({ label, onClick, variant = 'primary' }) => {
  return (
    <button className={`btn btn-${variant}`} onClick={onClick}>
      {label}
    </button>
  );
};

Custom Hook:

typescript
function useLocalStorage<T>(key: string, initialValue: T) {
  const [value, setValue] = useState<T>(() => {
    const stored = localStorage.getItem(key);
    return stored ? JSON.parse(stored) : initialValue;
  });

  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(value));
  }, [key, value]);

  return [value, setValue] as const;
}
Tests

Jest Test Suite:

typescript
describe('UserService', () => {
  it('should create user', async () => {
    const userData = { email: 'test@example.com', name: 'Test' };
    const user = await userService.create(userData);
    expect(user.email).toBe(userData.email);
  });

  it('should throw on duplicate email', async () => {
    await expect(userService.create({ email: 'existing@test.com' }))
      .rejects.toThrow();
  });
});

Pytest Suite:

python
class TestUserService:
    def test_create_user(self, db_session):
        user_data = UserCreate(email="test@example.com", name="Test")
        user = crud_user.create(db_session, obj_in=user_data)
        assert user.email == user_data.email

    def test_duplicate_email_raises_error(self, db_session):
        with pytest.raises(ValueError):
            crud_user.create(db_session, obj_in=duplicate_data)

Generation Workflow

1. Identify Need

Determine what to generate:

  • Complete project: Use project templates
  • Specific pattern: Use code generators
  • Boilerplate: Combine templates + patterns
2. Select Template/Pattern

Choose appropriate template:

  • Frontend: React app template
  • Backend: FastAPI or Express template
  • Full-stack: Monorepo template
  • Code: Specific pattern (CRUD, component, test)
3. Customize

Adapt template to requirements:

  • Replace placeholder names
  • Add/remove features
  • Configure dependencies
  • Update structure
4. Generate

Create the code:

  • Copy template structure
  • Generate code patterns
  • Fill in details
  • Add configurations
5. Verify

Check generated code:

  • Syntax correctness
  • Type safety
  • Dependencies installed
  • Tests passing

Best Practices

Show full SKILL.md (184 more words)Show less
1. Follow Project Conventions

Match existing code style:

typescript
// Match naming: camelCase, PascalCase, snake_case
// Match structure: file organization, folder naming
// Match patterns: error handling, validation
2. Include Type Safety

Add type annotations:

typescript
// TypeScript
interface Props { ... }
function component(props: Props): JSX.Element { ... }

// Python
def function(param: str) -> dict[str, Any]: ...
3. Generate Tests Alongside Code

Create test boilerplate with implementation:

src/
  services/userService.ts
tests/
  services/userService.test.ts
4. Use Consistent Patterns

Apply same patterns across codebase:

  • Error handling approach
  • Validation strategy
  • Naming conventions
  • File structure
5. Document Generated Code

Add comments explaining:

typescript
/**
 * UserService handles all user-related operations.
 * Uses repository pattern for data access.
 */
export class UserService {
  // Implementation
}

Common Scenarios

Scenario 1: New React Component

Request: "Create a UserCard component that displays user info"

Generate:

typescript
interface UserCardProps {
  user: {
    name: string;
    email: string;
    avatar?: string;
  };
  onEdit?: () => void;
}

export const UserCard: React.FC<UserCardProps> = ({ user, onEdit }) => {
  return (
    <div className="user-card">
      {user.avatar && <img src={user.avatar} alt={user.name} />}
      <h3>{user.name}</h3>
      <p>{user.email}</p>
      {onEdit && <button onClick={onEdit}>Edit</button>}
    </div>
  );
};
Scenario 2: CRUD Endpoints

Request: "Generate CRUD endpoints for Product model"

Generate:

  • Routes file with all endpoints
  • Controller with CRUD methods
  • Service layer implementation
  • Validation schemas
  • Test suite
Scenario 3: New Project

Request: "Create a new FastAPI backend with PostgreSQL"

Generate:

  • Complete project structure
  • Database configuration
  • Initial models and schemas
  • CRUD base classes
  • Authentication setup
  • Docker configuration
  • Tests setup

Reference Documentation

Project Templates

See template_patterns.md for:

  • React/TypeScript Application
  • FastAPI Backend
  • Express/TypeScript API
  • Python CLI Tool
  • Full-Stack Monorepo
  • Complete file structures and core files
Code Patterns

See code_patterns.md for:

  • Class generators (TypeScript, Python)
  • API endpoint patterns (REST, GraphQL)
  • Component generators (React, Vue)
  • Test generators (Jest, pytest)
  • Database models (TypeORM, SQLAlchemy)
  • Service classes
  • Middleware patterns
  • Validation schemas (Zod, Pydantic)

© ArabelaTso, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (references, assets) in skills/template-code-generator of ArabelaTso/Skills-4-SE.

  • SKILL.md
  • assets/react-app/package.json
  • references/code_patterns.md
  • references/template_patterns.md

Open the folder on GitHubat commit 4f38503

Compare with similar skills

Template Code Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Template Code Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Template Code Generator this skillArabelaTso/Skills-4-SE253—~2.4kAutomated safety check: PassApache-2.0
Senior Fullstackalirezarezvani/claude-skills28k1 repos~3.7kAutomated safety check: NotesMIT
Senior Fullstackborghei/Claude-Skills881—~1.7kAutomated safety check: PassMIT
Add New Packageremotion-dev/remotion62k—~777Automated safety check: NotesCustom licence
Pnpm Engineteambit/bit18k—~1.9kAutomated safety check: PassCustom licence
Qovery Console StandardsQovery/console227—~924Automated safety check: PassMIT

Similar skills

  • Senior Fullstack

    alirezarezvani/claude-skills

    Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality analysis with security and complexity scoring, and stack selection guidance.

    28k GitHub starsUsed in 1 repo~3.7k tokens
    DevelopmentAuto-check: notes
  • Senior Fullstack

    borghei/Claude-Skills

    Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis.

    881 GitHub stars~1.7k tokensUpdated today
    DevelopmentAuto-check passed
  • Add New Package

    remotion-dev/remotion

    Official

    Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

    62k GitHub stars~777 tokensUpdated today
    Media & CreativeAuto-check: notes
  • Pnpm Engine

    teambit/bit

    Work on the pnpm Rust engine (@pnpm/napi, the pacquet crates) that bit install runs through.

    18k GitHub stars~1.9k tokensUpdated today
    DevelopmentAuto-check passed
  • Qovery Console coding standards, architecture guidelines, naming conventions, testing practices, and development workflows.

    227 GitHub stars~924 tokensUpdated today
    DevelopmentAuto-check passed
  • Clean Code Refactorer

    fike/fastapi-blog

    Skill for identifying code smells and refactoring code using Clean Code, SOLID, and DRY principles.

    101 GitHub stars~402 tokensUpdated today
    DevelopmentAuto-check passed

More from ArabelaTso/Skills-4-SE

All 150 skills in this repo
  • Framework Migration Assistant

    ArabelaTso/Skills-4-SE

    Automatically migrate Python web applications between frameworks (Flask → FastAPI, Django → FastAPI).

    253 GitHub stars~1.9k tokensUpdated 1 mo ago
    Auto-check passed
  • Metamorphic Test Generator

    ArabelaTso/Skills-4-SE

    Generate test cases using metamorphic testing by applying transformations based on metamorphic properties.

    253 GitHub stars~798 tokensUpdated 1 mo ago
    Auto-check passed
  • Reproduction Trace Instrumenter

    ArabelaTso/Skills-4-SE

    Instruments programs to capture execution traces specifically for reproducing reported bugs, enabling consistent replay and diagnosis of failures.

    253 GitHub stars~2.4k tokensUpdated 1 mo ago
    Auto-check passed
  • Spring Mvc To Boot Migrator

    ArabelaTso/Skills-4-SE

    Automatically migrate Spring MVC applications to Spring Boot.

    253 GitHub stars~2.2k tokensUpdated 1 mo ago
    Auto-check passed
  • State Snapshot Instrumenter

    ArabelaTso/Skills-4-SE

    Instrument programs (Python, C/C++, Java) to capture snapshots of key program states at runtime, including variables, memory, and call stacks.

    253 GitHub stars~2.2k tokensUpdated 1 mo ago
    Auto-check passed

Categories

Questions about Template Code Generator

What does Template Code Generator do?

Generate boilerplate code and project templates/skeletons automatically. Template Code Generator is an agent skill from ArabelaTso/Skills-4-SE. Generate boilerplate code and project templates/skeletons automatically.

When should I use Template Code Generator?

Template Code Generator fits situations like: creating new projects from scratch (React app; fastAPI backend; generating repetitive code patterns (CRUD endpoints; scaffolding components.

How do I install Template Code Generator in Claude Code?

Run `npx skills add ArabelaTso/Skills-4-SE --skill template-code-generator -a claude-code`. Or copy the skill folder (skills/template-code-generator in ArabelaTso/Skills-4-SE) into .claude/skills/template-code-generator in your project. Claude Code loads it when a task matches its description.

How do I install Template Code Generator in Codex?

Run `npx skills add ArabelaTso/Skills-4-SE --skill template-code-generator -a codex`. Or copy the skill folder (skills/template-code-generator in ArabelaTso/Skills-4-SE) into .agents/skills/template-code-generator in your project. Codex loads it when a task matches its description.

Can I use Template Code Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ArabelaTso/Skills-4-SE --skill template-code-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/template-code-generator, .gemini/skills/template-code-generator, .github/skills/template-code-generator and .opencode/skills/template-code-generator in your project.

What does Template Code Generator need to run?

SKILL.md names no scripts, command-line tools or credentials: Template Code Generator is instructions for the agent only. Our summary lists: Python 3; Docker.

Does Template Code Generator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Template Code Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Template Code Generator use?

Template Code Generator is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Template Code Generator use?

About 2.4k tokens (SKILL.md is roughly 9.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 7.2k tokens, read only when the agent opens those files.

What are the alternatives to Template Code Generator?

Skills that share tags, products or a category with Template Code Generator: Senior Fullstack (alirezarezvani/claude-skills, 28k stars), Senior Fullstack (borghei/Claude-Skills, 881 stars), Add New Package (remotion-dev/remotion, 62k stars) and Pnpm Engine (teambit/bit, 18k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Template Code Generator?

ArabelaTso (a GitHub user) maintains it in ArabelaTso/Skills-4-SE, which has 253 GitHub stars. The repository holds 150 skills in this directory. The repository was last updated on August 21, 2026.

Source: ArabelaTso/Skills-4-SE on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.