legacy-circuit-mockups

Generate breadboard circuit mockups and retro schematics with HTML5 Canvas.

1|Updated Jan 30, 2023

Search Tags:#education #visualization #canvas #breadboard #retro-electronics #circuit-diagram

Ready to run

npx skills add https://github.com/ncksol/ravebot --skill legacy-circuit-mockups-ncksol

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: legacy-circuit-mockups
Source: https://github.com/ncksol/ravebot/tree/main/.github/skills/legacy-circuit-mockups
Command: npx skills add https://github.com/ncksol/ravebot --skill legacy-circuit-mockups-ncksol

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Quickly generate clear, shareable breadboard circuit mockups and retro electronics diagrams without manual drawing, saving time in planning and education.

Core Features & Use Cases

HTML5 Canvas-based rendering of breadboard layouts for components like 555 timers, 6502 CPUs, EEPROMs, and VIA chips
Auto-layout templates for common circuits (LEDs, resistors, timing networks, and bus wiring)
Use case: draft a Ben Eater-style breadboard schematic to visualize component placement before prototyping

Quick Start

Create a simple LED-on-breadboard diagram on a canvas to illustrate component placement.

Frequently Asked Questions about legacy-circuit-mockups

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate breadboard circuit mockups for retro electronics components?▼

Generate breadboard circuit mockups by using an HTML5 Canvas renderer that auto-layouts retro electronics components like 555 timers and 6502 CPUs, outputting visual diagrams with clearly mapped pins, rails, and wiring.

What is the best way to visualize component placement on a breadboard before prototyping?▼

Visualizing component placement before prototyping is done by rendering a canvas-based breadboard schematic using auto-layout templates for common circuits, ensuring clear mapping of wiring and logic chips.

Can I create a circuit diagram for a 6502 CPU and 7400-series logic on an HTML5 canvas?▼

Yes, you can create a circuit diagram for a 6502 CPU and 7400-series logic on an HTML5 canvas, using references to populate component data and map bus wiring, timing networks, and pins.

Does this breadboard visualization tool support auto-layout templates for LEDs and resistors?▼

Yes, the breadboard visualization tool supports auto-layout templates for common circuits including LEDs, resistors, and timing networks, automatically arranging them on a canvas-based diagram.

How do I draft a Ben Eater-style breadboard schematic automatically?▼

Draft a Ben Eater-style breadboard schematic automatically by applying the canvas renderer to map component placement for retro chips, generating a clear visual layout for design reviews and education.