Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
practicalswan avatar

Legacy Circuit Mockups

  • 15 installs
  • 7 repo stars
  • Updated August 2, 2026
  • practicalswan/agent-skills

legacy-circuit-mockups is a Claude Code skill for ai & agent building.

About

legacy-circuit-mockups is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.

  • legacy-circuit-mockups
  • AI & Agent Building
  • AI-coding skill

Legacy Circuit Mockups by the numbers

  • 15 all-time installs (skills.sh)
  • Ranked #11,187 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/practicalswan/agent-skills --skill legacy-circuit-mockups

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs15
repo stars7
Last updatedAugust 2, 2026
Repositorypracticalswan/agent-skills

How do I helps with ai & agent building tasks.?

Helps with ai & agent building tasks.

Who is it for?

Best when you're working on ai & agent building and need structured help with legacy circuit mockups.

Skip if: Teams with no ai & agent building needs, or anyone wanting a generic chat assistant without this specific workflow.

When should I use this skill?

When you need to helps with ai & agent building tasks., or when legacy-circuit-mockups is a claude code skill for ai & agent building.

What you get

Structured output aligned to legacy-circuit-mockups: legacy-circuit-mockups, AI & Agent Building.

Files

SKILL.mdMarkdownGitHub ↗

Legacy Circuit Mockups

A skill for creating breadboard circuit mockups and visual diagrams for retro computing and electronics projects. This skill leverages HTML5 Canvas drawing mechanisms to render interactive circuit layouts featuring vintage components like the 6502 microprocessor, 555 timer ICs, EEPROMs, and 7400-series logic gates.

  • Leverage native parallel subagent dispatch and 200k+ context windows where available.

When to Use This Skill

Use symptom -> action triggers: when one matches, apply this skill and verify with the protocol below.

  • User asks to create a breadboard layout or circuit mockup
  • User wants visualized component placement for legacy electronics
  • User needs diagrams for 6502, 555 timer, EEPROM, VIA, or 7400-series builds
  • User asks for educational electronics visuals or wiring diagrams
  • User is following retro-computing tutorials and needs visual references

Prerequisites

  • Understanding of component pinouts from bundled reference files
  • Knowledge of breadboard layout conventions (rows, columns, power rails)

Supported Components

Microprocessors & Memory

ComponentPinsDescription
W65C02S40-pin DIP8-bit microprocessor with 16-bit address bus
28C25628-pin DIP32KB parallel EEPROM
W65C2240-pin DIPVersatile Interface Adapter (VIA)
6225628-pin DIP32KB static RAM

Logic & Timer ICs

ComponentPinsDescription
NE5558-pin DIPTimer IC for timing and oscillation
740014-pin DIPQuad 2-input NAND gate
740214-pin DIPQuad 2-input NOR gate
740414-pin DIPHex inverter (NOT gate)
740814-pin DIPQuad 2-input AND gate
743214-pin DIPQuad 2-input OR gate

Passive & Active Components

ComponentDescription
LEDLight emitting diode (various colors)
ResistorCurrent limiting (configurable values)
CapacitorFiltering and timing (ceramic/electrolytic)
CrystalClock oscillator
SwitchToggle switch (latching)
ButtonMomentary push button
PotentiometerVariable resistor
PhotoresistorLight-dependent resistor

Grid System

// Standard breadboard grid: 20px spacing
const gridSize = 20;
const cellX = Math.floor(x / gridSize) * gridSize;
const cellY = Math.floor(y / gridSize) * gridSize;

Component Rendering Pattern

// All components follow this structure:
{
  type: 'component-type',
  x: gridX,
  y: gridY,
  width: componentWidth,
  height: componentHeight,
  rotation: 0,  // 0, 90, 180, 270
  properties: { /* component-specific data */ }
}

Wire Connections

// Wire connection format:
{
  start: { x: startX, y: startY },
  end: { x: endX, y: endY },
  color: '#ff0000'  // Wire color coding
}

Step-by-Step Workflows

Creating a Basic LED Circuit Mockup

1. Define breadboard dimensions and grid 2. Place power rail connections (+5V and GND) 3. Add LED component with anode/cathode orientation 4. Place current-limiting resistor 5. Draw wire connections between components 6. Add labels and annotations

Creating a 555 Timer Circuit

1. Place NE555 IC on breadboard (pins 1-4 left, 5-8 right) 2. Connect pin 1 (GND) to ground rail 3. Connect pin 8 (Vcc) to power rail 4. Add timing resistors and capacitors 5. Wire trigger and threshold connections 6. Connect output to LED or other load

Creating a 6502 Microprocessor Layout

1. Place W65C02S centered on breadboard 2. Add 28C256 EEPROM for program storage 3. Place W65C22 VIA for I/O 4. Add 7400-series logic for address decoding 5. Wire address bus (A0-A15) 6. Wire data bus (D0-D7) 7. Connect control signals (R/W, PHI2, RESB) 8. Add reset button and clock crystal

Component Pinout Quick Reference

555 Timer (8-pin DIP)

PinNameFunction
1GNDGround (0V)
2TRIGTrigger (< 1/3 Vcc starts timing)
3OUTOutput (source/sink 200mA)
4RESETActive-low reset
5CTRLControl voltage (bypass with 10nF)
6THRThreshold (> 2/3 Vcc resets)
7DISDischarge (open collector)
8VccSupply (+4.5V to +16V)

W65C02S (40-pin DIP) - Key Pins

PinNameFunction
8VDDPower supply
21VSSGround
37PHI2System clock input
40RESBActive-low reset
34RWBRead/Write signal
9-25A0-A15Address bus
26-33D0-D7Data bus

28C256 EEPROM (28-pin DIP) - Key Pins

PinNameFunction
14GNDGround
28VCCPower supply
20CEChip enable (active-low)
22OEOutput enable (active-low)
27WEWrite enable (active-low)
1-10, 21-26A0-A14Address inputs
11-19I/O0-I/O7Data bus

Formulas Reference

Resistor Calculations

  • Ohm's Law: V = I × R
  • LED Current: R = (Vcc - Vled) / Iled
  • Power: P = V × I = I² × R

555 Timer Formulas

Astable Mode:

  • Frequency: f = 1.44 / ((R1 + 2×R2) × C)
  • High time: t₁ = 0.693 × (R1 + R2) × C
  • Low time: t₂ = 0.693 × R2 × C
  • Duty cycle: D = (R1 + R2) / (R1 + 2×R2) × 100%

Monostable Mode:

  • Pulse width: T = 1.1 × R × C

Capacitor Calculations

  • Capacitive reactance: Xc = 1 / (2πfC)
  • Energy stored: E = ½ × C × V²

Color Coding Conventions

Wire Colors

ColorPurpose
Red+5V / Power
BlackGround
YellowClock / Timing
BlueAddress bus
GreenData bus
OrangeControl signals
WhiteGeneral purpose

LED Colors

ColorForward Voltage
Red1.8V - 2.2V
Green2.0V - 2.2V
Yellow2.0V - 2.2V
Blue3.0V - 3.5V
White3.0V - 3.5V

Anti-Patterns

  • Starting from a generic template without adapting it: The output may look polished but still miss the real audience or medium.
  • Ignoring final render or export review: Layout bugs often appear only after the asset is opened in its destination tool.
  • Fixing content and presentation in one pass: It becomes hard to tell whether a problem is structural or visual.

Verification Protocol

Before claiming "skill applied successfully":

1. Pass/fail: The Legacy Circuit Mockups implementation names the target runtime, framework version, and affected files. 2. Pass/fail: Build, lint, test, or equivalent local validation is run for the changed surface. 3. Pass/fail: Edge cases for errors, dependency drift, and environment differences are addressed or explicitly out of scope. 4. Pressure-test scenario: Apply the workflow to a change that passes happy-path tests but fails one boundary condition. 5. Success metric: Zero untested success claims; every implementation claim maps to a command or artifact.

Build Examples

Build 1 — Single LED

Components: Red LED, 220Ω resistor, jumper wires, power source

Steps:

1. Insert black jumper wire from power GND to row A5 2. Insert red jumper wire from power +5V to row J5 3. Place LED with cathode (short leg) in row aligned with GND 4. Place 220Ω resistor between power and LED anode

Build 2 — 555 Astable Blinker

Components: NE555, LED, resistors (10kΩ, 100kΩ), capacitor (10µF)

Steps:

1. Place 555 IC straddling center channel 2. Connect pin 1 to GND, pin 8 to +5V 3. Connect pin 4 to pin 8 (disable reset) 4. Wire 10kΩ between pin 7 and +5V 5. Wire 100kΩ between pins 6 and 7 6. Wire 10µF between pin 6 and GND 7. Connect pin 3 (output) to LED circuit

Troubleshooting

IssueSolution
LED doesn't lightCheck polarity (anode to +, cathode to -)
Circuit doesn't powerVerify power rail connections
IC not workingCheck VCC and GND pin connections
555 not oscillatingVerify threshold/trigger capacitor wiring
Microprocessor stuckCheck RESB is HIGH after reset pulse

References

Detailed component specifications are available in the bundled reference files:

Documentation

  • 555 — Complete 555 timer IC specification
  • 6502 — MOS 6502 microprocessor details
  • 6522 — W65C22 VIA interface adapter
  • 28256-eeprom — AT28C256 EEPROM specification
  • 6C62256 — 62256 SRAM details
  • 7400-series — TTL logic gate pinouts
  • assembly-compiler — Assembly compiler specification
  • assembly-language — Assembly language specification
  • basic-electronic-components — Resistors, capacitors, switches
  • breadboard — Breadboard specifications
  • common-breadboard-components — Comprehensive component reference
  • connecting-electronic-components — Step-by-step build guides
  • emulator-28256-eeprom — Emulating 28256-eeprom specification
  • emulator-6502 — Emulating 6502 specification
  • emulator-6522 — Emulating 6522 specification
  • emulator-6C62256 — Emulating 6C62256 specification
  • emulator-lcd — Emulating a LCD specification
  • lcd — LCD display interfacing
  • minipro — EEPROM programmer usage
  • t48eeprom-programmer — T48 programmer reference

Examples

  • Circuit Build Examples — Example circuit layouts and component configurations

Scripts

  • Circuit Component Registry — Component registry for circuit mockups

---

<!-- PORTABILITY:START -->

Cross-Client Portability

This skill is written to stay usable across GitHub Copilot, Claude Code, Codex, and Gemini CLI.

  • GitHub Copilot: keep the folder in a Copilot-visible skill or plugin path, or wrap the workflow as project instructions if the host does not support portable skill folders directly.
  • Claude Code: keep the folder in a local skills directory or a compatible plugin or marketplace source.
  • Codex: install or sync the folder into $CODEX_HOME/skills/<skill-name> and restart Codex after major changes.
  • Gemini CLI: this repository generates a project command named /skills:legacy-circuit-mockups from this skill. Rebuild commands with python scripts/export-gemini-skill.py legacy-circuit-mockups and then run /commands reload inside Gemini CLI.

<!-- PORTABILITY:END -->

<!-- MCP:START -->

MCP Availability And Fallback

Preferred MCP Server: None required

  • Fallback prompt: "Use the Legacy Circuit Mockups skill without MCP. Rely on the local SKILL.md, bundled references or scripts, and manual verification. Show the exact commands, evidence, and final checks you used before concluding."
  • If the current host does not expose a matching server, use the bundled references, scripts, native toolchain, and manual workflow already described in this skill.
  • Treat direct local verification, rendered output, logs, tests, or screenshots as the fallback evidence path before completion.

<!-- MCP:END -->

Related Skills

  • frontend-design: Use it when the workflow also needs UI composition and front-end design direction.
  • premium-frontend-ui: Use it when the workflow also needs high-fidelity UI polish and interaction detail.
  • web-design-reviewer: Use it when the workflow also needs browser-based UI review and responsive QA.
  • stitch-design: Use it when the workflow also needs turning interface designs into implementation-ready assets.

Related skills

FAQ

What does legacy-circuit-mockups do?

legacy-circuit-mockups is a Claude Code skill for ai & agent building.

When should I use legacy-circuit-mockups?

When you need to helps with ai & agent building tasks., or when legacy-circuit-mockups is a claude code skill for ai & agent building.

What are the main capabilities?

legacy-circuit-mockups; AI & Agent Building; AI-coding skill.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.