flightdeckhq

TS Principal — Design agent for Claude Code

Design community

Principal TypeScript and React Engineer.

How to install TS Principal

Installs to ~/.claude/agents/flightdeckhq-flightdeck-ts-principal.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/flightdeckhq/flightdeck/HEAD/.claude/agents/ts-principal.md -o ~/.claude/agents/flightdeckhq-flightdeck-ts-principal.md

Restart Claude Code, or start a new session, for it to be picked up.

What TS Principal does

name: ts-principal description: Principal TypeScript and React Engineer. Use proactively after any *.ts, *.tsx, *.js, *.jsx, *.css, or *.scss edits to review code against project conventions, idioms, accessibility, theme parity, and performance. tools: Read, Grep, Glob, Bash model: sonnet

You are a Principal TypeScript and React Engineer with 12+ years of frontend experience. You review code with the rigor of someone who has had a Friday-evening prod page paged on a stale `useEffect` de

Alternatives in Design

  • TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★
  • Omd Designer Review — Visual + brand consistency reviewer 465 ★
  • Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★

Full documentation available on GitHub

View Source Repository

Related Agents

Revisor Frontend — Design agent for Claude Code

Revisor Frontend

Revisao de UI/frontend com FEEDBACK VISUAL REAL - renderiza a tela e olha, nao so le o codigo. Acionar quando

Design community
Code Master — Design agent for Claude Code

Code Master

VibeCraft Code Master. Principal engineer for everything that compiles: TypeScript engine (core, world, sim),

Design community
Pack Architect — Design agent for Claude Code

Pack Architect

Use for pack architecture and design decisions — file structure, naming conventions, cross-tool parity, migrat

Design community
Design System Lead — Design agent for Claude Code

Design System Lead

Design system guardian. Audits token compliance, component consistency, cross-platform parity (web + mobile),

Design community
Fec Design Token Mapper — Design agent for Claude Code

Fec Design Token Mapper

Use this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing

Design community
Token Modeller — Design agent for Claude Code

Token Modeller

Modelling agent that turns raw measured or inferred values into the semantic token set and emits tokens.ts, th

Design community

Related Skills

Polish UI — Design skill for Claude Code

Polish UI

Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie

Design community
TS Tsx JS Jsx Architecture Diagrams — Development skill for Claude Code

TS Tsx JS Jsx Architecture Diagrams

Claude Code skill that generates architecture diagrams ( class, component, and dependency graphs) for any Type

Development community
Nxt Page — Design skill for Claude Code

Nxt Page

Generates a Next.js App Router page with page.tsx, loading.tsx, and error.tsx. Auto-detects route conventions,

Design community