legacy-circuit-mockups

Render breadboard circuit mockups with HTML5 Canvas and grid-based component placement.

37.6k|4.7k|Updated Jun 11, 2025
One-click install
npx skills add https://github.com/github/awesome-copilot --skill legacy-circuit-mockups
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: legacy-circuit-mockups
Source: https://github.com/github/awesome-copilot/tree/main/skills/legacy-circuit-mockups
Command: npx skills add https://github.com/github/awesome-copilot --skill legacy-circuit-mockups

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables users to quickly generate breadboard circuit mockups and visual diagrams using an HTML5 Canvas, removing the tedium of manual sketching and layout planning.

Core Features & Use Cases

  • HTML5 Canvas-based rendering of breadboard layouts with a grid system and draggable components.
  • Library of common electronics parts (LEDs, resistors, switches, capacitors, crystals, 555 timers, TTL logic gates, microprocessors like W65C02S, and I/O chips like W65C22 VIA, and memory components such as 28C256 and AS6C62256).
  • Use Case: educational demonstrations, retro computing prototyping, and hobbyist circuit visualization for planning builds or teaching electronics.

Quick Start

Launch the Legacy Circuit Mockups tool in a browser, drag components onto the canvas, arrange wiring on the grid, and export diagrams as images or SVG.

Frequently Asked Questions about legacy-circuit-mockups

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

FAQPage Schema
How do I create breadboard circuit mockups visually without manual sketching?

Breadboard circuit mockups are visual diagrams rendered on HTML5 Canvas that let you drag components onto a grid and arrange wiring. This Skill generates these layouts automatically, eliminating manual drawing for circuit planning, education, and prototyping tasks.

Can I visualize 6502 and TTL logic circuits for retro computing projects?

Yes. The Skill includes a component library with microprocessors like the W65C02S, TTL logic gates, memory chips (28C256, AS6C62256), and I/O components like the W65C22 VIA, enabling full retro computing circuit visualization.

What electronics components are available in the breadboard layout tool?

The component library includes LEDs, resistors, switches, capacitors, crystals, 555 timers, TTL logic gates, microprocessors, VIA chips, and memory components—covering education, hobbyist prototyping, and retro computing circuit designs.

How do I export breadboard diagrams after designing them?

After arranging components and wiring on the canvas grid, you can export your breadboard mockup as images or SVG format for documentation, sharing, or further editing in external tools.

Is this tool suitable for teaching electronics circuits in education?

Yes. The Skill is designed for educational demonstrations and hobbyist visualization. It simplifies component placement and wiring layout, making it ideal for teaching circuit concepts and planning builds without requiring electronics simulation software.

Can I drag and rearrange components on the grid freely?

Yes. The breadboard layout uses a grid-based placement system with draggable components, allowing you to arrange electronics parts, position wiring, and modify your circuit design interactively on the canvas.