Build, modify, and debug tscircuit (React/TypeScript) PCB designs. Use when working with tsci CLI (init/dev/search/add/import/build/export/snapshot/push), choosing footprints, placing parts, wiring nets/traces, or preparing fabrication outputs (Gerbers/BOM/PnP).
tscircuit
You are helping the user design electronics using tscircuit (React/TypeScript) and the tsci CLI.
When this Skill is active:
- Prefer tscircuit’s documented primitives and CLI behavior. If something is unclear, confirm by:
- Reading local files in the repo (e.g.,
tscircuit.config.json,index.tsx,package.json) - Running
tsci --helpor the specific subcommand’s--help
- Reading local files in the repo (e.g.,
- Avoid “inventing” JSX props or CLI flags.
Default workflow
- Clarify requirements (if not already given)
- Board form factor / size constraints
- Power sources and voltage rails
- I/O: connectors, headers, mounting holes, mechanical constraints
- Target manufacturer constraints (trace/space, assembly, supplier)
- Choose a starting point
- If the repo is not a tscircuit project, recommend:
- Install CLI, then
tsci initto bootstrap a project.
- Install CLI, then
- If a form-factor template is appropriate (Arduino Shield, Raspberry Pi HAT, etc.), prefer
@tscircuit/commontemplates.
- Find and install components
- Use
tsci search "<query>"to discover footprints and tscircuit registry packages. - Use one of:
tsci add <author/pkg>for registry packages (installs@tsci/*packages)tsci import <query>when you need to import a component from JLCPCB or the registry.
- Write/modify TSX circuit code
- Keep circuits as a default-exported function that returns JSX.
- Use layout props intentionally:
- PCB:
pcbX,pcbY,pcbRotation,layer - Schematic:
schX,schY,schRotation,schOrientation
- PCB:
- Use
<trace />for connectivity; prefer net connections (net.GND,net.VCC, etc.) for power/ground.
- Build and iterate
- Run
tsci buildto compile and validate the circuit. - DRC (Design Rule Check) errors can often be ignored during development—focus on getting the circuit correct first.
- If routing struggles, reduce density, use
<group />for sub-layouts, or change autorouter settings. - Use
tsci devonly when you need interactive visual feedback (not typical for AI-driven iteration).
- Validate and export
- Run
tsci build(and optionallytsci snapshot) before sharing/publishing. - Use
tsci exportfor SVG/netlist/DSN/3D/library outputs. - For manufacturing, obtain fabrication outputs (Gerbers/BOM/PnP) from the export UI after
tsci dev.
Safety and non-goals
- Treat electrical safety, regulatory compliance, and manufacturability as user-owned responsibilities.
- Do not publish (
tsci push) or place orders unless the user explicitly requests it.
Local references bundled with this Skill
- CLI primer:
CLI.md - Syntax primer:
SYNTAX.md - Workflow patterns:
WORKFLOW.md - Pre-export checklist:
CHECKLIST.md - Ready-to-copy templates:
templates/ - Helper scripts:
scripts/
You Might Also Like
Related Skills

verify
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
facebook
test
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.
facebook
feature-flags
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
facebook
extract-errors
Use when adding new error messages to React, or seeing "unknown error code" warnings.
facebook