technical-design-doc-creator

tech-leads-club/agent-skills · updated Apr 8, 2026

MDX-style export adds YAML metadata + attribution linking explainx.ai and this canonical listing URL.

$npx skills add https://github.com/tech-leads-club/agent-skills --skill technical-design-doc-creator
0 commentsdiscussion
summary

You are an expert in creating Technical Design Documents (TDDs) that clearly communicate software architecture decisions, implementation plans, and risk assessments following industry best practices.

skill.md

Technical Design Doc Creator

You are an expert in creating Technical Design Documents (TDDs) that clearly communicate software architecture decisions, implementation plans, and risk assessments following industry best practices.

When to Use This Skill

Use this skill when:

  • User asks to "create a TDD", "write a design doc", or "document technical design"
  • User asks to "criar um TDD", "escrever um design doc", or "documentar design técnico"
  • Starting a new feature or integration project
  • Designing a system that requires team alignment
  • Planning a migration or replacement of existing systems
  • User mentions needing documentation for stakeholder approval
  • Before implementing significant technical changes

Language Adaptation

CRITICAL: Always generate the TDD in the same language as the user's request. Detect the language automatically from the user's input and generate all content (headers, prose, explanations) in that language.

Translation Guidelines:

  • Translate all section headers, prose, and explanations to match user's language
  • Keep technical terms in English when appropriate (e.g., "API", "webhook", "JSON", "rollback", "feature flag")
  • Keep code examples and schemas language-agnostic (JSON, diagrams, code)
  • Company/product names remain in original language
  • Use natural, professional language for the target language
  • Maintain consistency in terminology throughout the document

Common Section Header Translations:

English Portuguese Spanish
Context Contexto Contexto
Problem Statement Definição do Problema Definición del Problema
Scope Escopo Alcance
Technical Solution Solução Técnica Solución Técnica
Risks Riscos Riesgos
Implementation Plan Plano de Implementação Plan de Implementación
Security Considerations Considerações de Segurança Consideraciones de Seguridad
Testing Strategy Estratégia de Testes Estrategia de Pruebas
Monitoring & Observability Monitoramento e Observabilidade Monitoreo y Observabilidad
Rollback Plan Plano de Rollback Plan de Reversión

Industry Standards Reference

This skill follows established patterns from:

  • Google Design Docs: Context, Goals, Non-Goals, Design, Alternatives, Security, Testing
  • Amazon PR-FAQ: Working Backwards - start with customer problem
  • RFC Pattern: Summary, Motivation, Explanation, Alternatives, Drawbacks
  • ADR (Architecture Decision Records): Context, Decision, Consequences
  • SRE Book: Monitoring, Rollback, SLOs, Observability
  • PCI DSS: Security requirements for payment systems
  • OWASP: Security best practices

High-Level vs Implementation Details

CRITICAL PRINCIPLE: TDDs document architectural decisions and contracts, NOT implementation code.

✅ What to Include (High-Level)

Category Include Example
API Contracts Request/Response schemas POST /subscriptions with JSON body structure
Data Schemas Table structures, field types BillingCustomer table with fields: id, email, stripeId
Architecture Components, data flow "Frontend → API → Service → Stripe → Database"
Decisions What technology, why chosen "Use Stripe because: global support, PCI compliance, best docs"
Diagrams Sequence, architecture, flow Mermaid/PlantUML diagrams showing interactions
Structures Log format, event schemas JSON structure for structured logging
Strategies Approach, not commands "Rollback via feature flag" (not the curl command)

❌ What to Avoid (Implementation Code)

Category Avoid Why
CLI Commands nx db:generate, kubectl rollout undo Too specific, may change with tooling
Code Snippets TypeScript/JavaScript implementation Belongs in code, not docs
Framework Specifics @Injectable(), extends Repository Framework may change, decision is what matters
File Paths scripts/backfill-feature.ts Implementation detail, not architectural decision
Tool-Specific Syntax NestJS decorators, TypeORM entities Document pattern, not implementation

Examples: High-Level vs Implementation

❌ BAD (Too Implementation-Specific)

**Rollback Steps**:

```bash
curl -X PATCH https://api.launchdarkly.com/flags/FEATURE_X \
  -H "Authorization: Bearer $API_KEY" \
  -d '{"enabled": false}'

nx db:rollback billing
```

#### ✅ GOOD (High-Level Decision)

```markdown
**Rollback Steps**:
1. Disable feature flag via feature flag service dashboard
2. Revert database schema using down migration
3. Verify system returns to previous state
4. Monitor error rates to confirm rollback success

❌ BAD (Implementation Code)

**Service Implementation**:

```typescript
@Injectable()
export class CustomerService {
  @Transactional({ connectionName: 'billing' })
  async create(data: CreateCustomerDto) {
    const customer = new Customer()
    customer.email = data.email
    return this.repository.save(customer)
  }
}
```

#### ✅ GOOD (High-Level Structure)

```markdown
**Service Layer**:
- `CustomerService`: Manages customer lifecycle
  - `create()`: Creates customer, validates email uniqueness
  - `getById()`: Retrieves customer by ID
  - `updatePaymentMethod()`: Updates default payment method
- All write operations use transactions to ensure data consistency
- Services call external Stripe API and cache results locally

Guideline: Ask "Will This Change?"

Before adding detail to TDD, ask:

  • "If we change frameworks, does this detail still apply?"

    • YES → Include (it's an architectural decision)
    • NO → Exclude (it's implementation detail)
  • "Can someone implement this differently and still meet the requirement?"

    • YES → Focus on the requirement, not the implementation
    • NO → You might be too specific

Goal: TDD should survive implementation changes. If you migrate from NestJS to Express, or TypeORM to Prisma, the TDD should still be valid.

Document Structure

Mandatory Sections (Must Have)

These sections are required. If the user doesn't provide information, you must ask using AskQuestion tool:

  1. Header & Metadata
  2. Context
  3. Problem Statement & Motivation
  4. Scope (In Scope / Out of Scope)
  5. Technical Solution
  6. Risks
  7. Implementation Plan

Critical Sections (Ask if Missing)

These are highly recommended especially for:

  • Payment integrations (Security is MANDATORY)
  • Production systems (Monitoring, Rollback are MANDATORY)
  • External integrations (Dependencies, Security)
  1. Security Considerations (MANDATORY for payments/auth/PII)
  2. Testing Strategy
  3. Monitoring & Observability
  4. Rollback Plan

Suggested Sections (Offer to User)

Ask user: "Would you like to add these sections now or later?"

  1. Success Metrics
  2. Glossary & Domain Terms
  3. Alternatives Considered
  4. Dependencies
  5. Performance Requirements
  6. Migration Plan (if applicable)
  7. Open Questions
  8. Roadmap / Timeline
  9. Approval & Sign-off

Project Size Adaptation

Use this heuristic to determine project complexity:

Small Project (< 1 week)

Use sections: 1, 2, 3, 4, 5, 6, 7, 9

Skip: Alternatives, Migration Plan, Approval

Medium Project (1-4 weeks)

Use sections: 1-11, 15, 18

Offer: Success Metrics, Glossary, Alternatives, Performance

Large Project (> 1 month)

Use all sections (1-20)

Critical: All mandatory + critical sections must be detailed

Interactive Workflow

Step 1: Initial Gathering

Use AskQuestion tool to collect basic information:

{
  "title": "TDD Project Information",
  "questions": [
    {
      "id": "project_name",
      "prompt": "What is the name of the feature/integration/project?",
      "options": [] // Free text
    },
    {
      "id": "project_size",
      "prompt": "What is the expected project size?",
      "options": [
        { "id": "small", "label": "Small (< 1 week)" },
        { "id": "medium", "label": "Medium (1-4 weeks)" },
        { "id": "large", "label": "Large (> 1 month)" }
      ]
    },
    {
      "id": "project_type",
      "prompt": "What type of project is this?",
      "allow_multiple": true,
      "options": [
        { "id": "integration", "label": "External integration (API, service)" },
        { "id": "feature", "label": "New feature" },
        { "id": "refactor", "label": "Refactoring/migration" },
        { "id": "infrastructure", "label": "Infrastructure/platform" },
        { "id": "payment", "label": "Payment/billing system" },
        { "id": "auth", "label": "Authentication/authorization" },
        { "id": "data", "label": "Data migration/processing" }
      ]
    },
    {
      "id": "has_context",
      "prompt": "Do you have a clear problem statement and context?",
how to use technical-design-doc-creator

How to use technical-design-doc-creator on Cursor

AI-first code editor with Composer

1

Prerequisites

Before installing skills in Cursor, ensure your development environment meets these requirements:

  • Cursor installed and configured on your development machine
  • Node.js version 16.0+ with npm package manager (verify with node --version)
  • Active project directory or workspace where you want to add technical-design-doc-creator
2

Execute installation command

Execute the skills CLI command in your project's root directory to begin installation:

$npx skills add https://github.com/tech-leads-club/agent-skills --skill technical-design-doc-creator

The skills CLI fetches technical-design-doc-creator from GitHub repository tech-leads-club/agent-skills and configures it for Cursor.

3

Select Cursor when prompted

The CLI will show a list of available agents. Use arrow keys to navigate and space to select Cursor:

◆ Which agents do you want to install to?
│ ── Universal (.agents/skills) ── always included ────
│ • Amp
│ • Antigravity
│ • Cline
│ • Codex
│ ●Cursor(selected)
│ • Cursor
│ • Windsurf
4

Verify installation

Confirm successful installation by checking the skill directory location:

.cursor/skills/technical-design-doc-creator

Reload or restart Cursor to activate technical-design-doc-creator. Access the skill through slash commands (e.g., /technical-design-doc-creator) or your agent's skill management interface.

Security & Verification Notice

We perform automated surface-level scans (Gen AI Scanner, Socket, Snyk) during installation. These checks detect common vulnerabilities but do not guarantee complete security. Always review skill source code and verify the publisher's reputation before production use.

Skills execute code in your development environment. Always verify the publisher's identity, review recent commits, and test in isolated environments before production deployment.

List & Monetize Your Skill

Submit your Claude Code skill and start earning

GET_STARTED →

Use Cases

Task Automation & Efficiency

Automate repetitive workflows and reduce manual effort

Example

Generate reports, summarize documents, draft communications

Save 3-5 hours per week on routine tasks

Knowledge Enhancement

Learn new skills, understand complex topics, get expert guidance

Example

Explain concepts, provide examples, suggest learning resources

Accelerate learning and skill development by 2x

Quality Improvement

Enhance output quality through reviews, suggestions, and refinements

Example

Review drafts, suggest improvements, catch errors

Improve work quality by 30-40% with less effort

Implementation Guide

Prerequisites

  • Claude Desktop or compatible AI client with skill support
  • Clear understanding of task or problem to solve
  • Willingness to iterate and refine outputs

Time Estimate

15-45 minutes depending on use case complexity

Installation Steps

  1. 1.Install skill using provided installation command
  2. 2.Test with simple use case relevant to your work
  3. 3.Evaluate output quality and relevance
  4. 4.Iterate on prompts to improve results
  5. 5.Integrate into regular workflow if valuable

Common Pitfalls

  • Expecting perfect results without iteration
  • Not providing enough context in prompts
  • Using skill for tasks outside its intended scope
  • Accepting outputs without review and validation

Best Practices

✓ Do

  • +Start with clear, specific prompts
  • +Provide relevant context and constraints
  • +Review and refine all outputs before using
  • +Iterate to improve output quality
  • +Document successful prompt patterns

✗ Don't

  • Don't use without understanding skill limitations
  • Don't skip validation of outputs
  • Don't share sensitive information in prompts
  • Don't expect skill to replace human judgment

💡 Pro Tips

  • Be specific about desired format and style
  • Ask for multiple options to choose from
  • Request explanations to understand reasoning
  • Combine AI efficiency with human expertise

When to Use This

✓ Use When

Use when skill capabilities match your task, clear ROI on time saved, and you can validate outputs. Best for repetitive tasks, learning, and quality improvement.

✗ Avoid When

Avoid when task requires deep expertise you can't validate, involves sensitive decisions, or when learning process is more valuable than speed of completion.

Learning Path

  1. 1Familiarize yourself with skill capabilities and limitations
  2. 2Start with low-risk, non-critical tasks
  3. 3Progress to more complex and valuable use cases
  4. 4Build expertise through regular use and experimentation

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.
general reviews

Ratings

4.549 reviews
  • Jin Torres· Dec 8, 2024

    We added technical-design-doc-creator from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Chaitanya Patil· Dec 4, 2024

    We added technical-design-doc-creator from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Henry Torres· Dec 4, 2024

    technical-design-doc-creator fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.

  • Camila Kapoor· Dec 4, 2024

    Solid pick for teams standardizing on skills: technical-design-doc-creator is focused, and the summary matches what you get after install.

  • Ren Mensah· Nov 27, 2024

    technical-design-doc-creator fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.

  • Piyush G· Nov 23, 2024

    technical-design-doc-creator fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.

  • Charlotte Anderson· Nov 23, 2024

    We added technical-design-doc-creator from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Arya Sharma· Nov 23, 2024

    technical-design-doc-creator is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

  • Arya Thompson· Oct 18, 2024

    technical-design-doc-creator is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

  • Shikha Mishra· Oct 14, 2024

    technical-design-doc-creator is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

showing 1-10 of 49

1 / 5