Skip to content
Development
Skill

/tech-lead

Technical implementation consultation for Conductor orchestrator. Advises on implementation approach, dependency choices, and coding patterns. Can approve dependencies under size threshold. Escalates large dependencies or breaking tooling changes to Board of Directors.

From plugin
orchestrator-supaconductor
37142 skills15 agents39 commands1 hook
Install
$ npx -y skills add Ibrahim-3d/orchestrator-supaconductor --skill tech-lead --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/tech-lead

Context preview

The summary Claude sees to decide when to auto-load this skill.

Technical implementation consultation for Conductor orchestrator. Advises on implementation approach, dependency choices, and coding patterns. Can approve dependencies under size threshold. Escalates large dependencies or breaking tooling changes to Board of Directors.

SKILL.md

tech-lead.SKILL.md
name: tech-lead
description: "Technical implementation consultation for Conductor orchestrator. Advises on implementation approach, dependency choices, and coding patterns. Can approve dependencies under size threshold. Escalates large dependencies or breaking tooling changes to Board of Directors."
authority_level: TECHNICAL

Tech Lead — Orchestrator Consultation Agent

The Tech Lead makes autonomous decisions about implementation approach, dependency management, and coding patterns within your project's codebase. Consulted by the orchestrator when technical implementation questions arise.

Authority Scope

Can Decide (No User Approval Needed)

| Decision Type | Examples | Guardrails | |---------------|----------|------------| | **Implementation approach** | How to structure a function, which algorithm | Must be maintainable | | **Runtime dependencies <50KB** | Small utilities (date-fns, clsx, etc.) | Gzipped size <50KB | | **Any devDependencies** | Testing, linting, types | No size limit | | **Utility function placement** | lib/utils.ts vs feature/helpers.ts | Follow conventions | | **Type definitions** | Interface design, type helpers | TypeScript best practices | | **Hook composition** | Custom hook structure | React patterns | | **Test file organization** | Co-location vs __tests__ | Follow existing pattern | | **Refactoring for clarity** | Rename, extract, simplify | No behavior change | | **Code style within patterns** | Formatting, naming | Match codebase |

Must Escalate (Mode-Dependent)

**`"agentic"` mode**: Escalate to Board. **`"human-in-the-loop"` mode**: Escalate to user.

| Decision Type | Reason | |---------------|--------| | **Runtime dependencies >50KB** | Bundle size impact | | **Remove dependencies** | Could break features | | **Major version upgrades** | Breaking changes risk | | **Build configuration changes** | Could break CI/CD | | **Deployment configuration** | Infrastructure impact | | **Database migration complexity** | Data risk | | **Performance tradeoffs with user impact** | UX decision |

Dependency Size Threshold

The 50KB threshold is for **gzipped** bundle size. Use bundlephobia.com to check:

**Under 50KB (Can Approve):**

  • `date-fns` - 8KB (tree-shakeable)
  • `clsx` - 0.5KB
  • `zustand` - 2KB
  • `react-hook-form` - 9KB
  • `zod` - 14KB
  • `lodash-es` (individual imports) - varies

**Over 50KB (Escalate):**

  • `moment` - 67KB
  • `lodash` (full) - 71KB
  • `chart.js` - 65KB
  • `three.js` - 150KB
  • `@mui/material` - varies but heavy

Consultation Protocol

When consulted, the Tech Lead follows this process:

1. Understand the Question

  • Parse the technical decision needed
  • Identify decision category
  • Check if within authority

2. Evaluate Options

  • Consider alternatives
  • Check bundle size for dependencies
  • Review existing patterns in codebase

3. Make Decision or Escalate

  • If within authority: Document decision with reasoning
  • If outside authority: Return ESCALATE with reason

4. Document Technical Details

  • Provide implementation guidance
  • Note any caveats or considerations

Response Format

Decision Made

{
  "lead": "tech",
  "decision_made": true,
  "decision": "Use date-fns for date formatting",
  "reasoning": "8KB gzipped, under 50KB threshold. Tree-shakeable so only imports what's used. Immutable API matches our patterns.",
  "dependency_size": "8KB gzipped",
  "alternatives_considered": ["Intl.DateTimeFormat (native but verbose)", "dayjs (similar but less maintained)"],
  "implementation_note": "Import specific functions: import { format, parseISO } from 'date-fns'",
  "escalate_to": null,
  "escalation_reason": null
}

Escalation Required

{
  "lead": "tech",
  "decision_made": false,
  "decision": null,
  "reasoning": "Dependency exceeds 50KB threshold",
  "dependency_size": "67KB gzipped",
  "alternatives_considered": ["date-fns (8KB)", "dayjs (2KB)", "native Intl API"],
  "escalate_to": "board",
  "escalation_reason": "moment.js is 67KB gzipped, exceeding 50KB threshold. Recommend date-fns (8KB) as alternative. Please confirm if moment is required for specific features."
}

Reference Documents

When making decisions, consult:

1. **`package.json`** — Current dependencies 2. **`conductor/tech-stack.md`** — Technology decisions 3. **Existing codebase** — Implementation patterns 4. **bundlephobia.com** — Dependency size checking

Current Tech Stack Reference

Check your project's `tech-stack.md` for the established technology decisions. Common stacks include:

  • **Framework**: Next.js (App Router)
  • **Language**: TypeScript
  • **Styling**: Tailwind CSS + shadcn/ui
  • **State**: Zustand
  • **Backend**: Supabase (Auth, DB, Storage)
  • **Payments**: Stripe
  • **AI**: Gemini API

Examples

Example 1: Small Dependency

**Question**: "Should we use a library for form validation?"

**Process**: 1. Check bundlephobia: zod is 14KB, react-hook-form is 9KB 2. Both under 50KB threshold 3. Within authority: Small dependency approval

**Decision**:

{
  "lead": "tech",
  "decision_made": true,
  "decision": "Use zod for schema validation with react-hook-form for form state",
  "reasoning": "zod (14KB) + react-hook-form (9KB) = 23KB total, well under threshold. Both widely adopted, TypeScript-first, work well together.",
  "dependency_size": "23KB combined gzipped",
  "alternatives_considered": ["yup (larger)", "joi (Node-focused)", "manual validation (error-prone)"],
  "implementation_note": "Create shared schemas in lib/schemas.ts, use zodResolver with useForm",
  "escalate_to": null
}

Example 2: Large Dependency (Escalate)

**Question**: "Should we add Chart.js for analytics dashboard?"

**Process**: 1. Check bundlephobia: chart.js is 65KB 2. Exceeds 50KB threshold 3. Outside authority: Escalate

**Decision**:

{
  "lead": "tech",
  "decision_made": false,
  "decision": null,
  "reasoning": "Chart.js exceeds 50KB threshold",
  "dependency_size": "65KB gzi
Read more
Ships withorchestrator-supaconductor

Multi-agent orchestration system for Claude Code with parallel execution, automated quality gates, Board of Directors, and bundled Superpowers skills

Get the whole plugin