skills.rest
beel-collab
beel-collabCOMMUNITY
Explore all skills by this author →
GitHub

legacy-circuit-mockups

Generate breadboard circuit mockups and diagrams using HTML5 Canvas.

1|Updated May 4, 2026
Search Tags:#visualization#canvas#breadboard#circuit#schematics#retro-computing#6502
One-click install
npx skills add https://github.com/beel-collab/presets.dev --skill legacy-circuit-mockups-beel-collab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: legacy-circuit-mockups
Source: https://github.com/beel-collab/presets.dev/tree/main/skills/legacy-circuit-mockups
Command: npx skills add https://github.com/beel-collab/presets.dev --skill legacy-circuit-mockups-beel-collab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generate breadboard circuit mockups and visual diagrams.

Core Features & Use Cases

  • Canvas-based circuit mockups: render scalable diagrams of component layouts on an HTML5 canvas.
  • Retro and educational visuals: generate diagrams of vintage electronics setups and 6502-based builds.
  • Annotated diagrams: add labels, color coding, and wiring traces to aid teaching and design.

Quick Start

Describe the circuit you want visualized, for example: mock up a 6502 breadboard including a 555 timer, a 28C256 EEPROM, and a VIA.

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 a breadboard circuit mockup for a 6502 build?▼

You can create breadboard circuit mockups by describing your retro electronics setup, such as a 6502 build with a 555 timer and 28C256 EEPROM. The tool renders scalable HTML5 Canvas diagrams using component primitives and grid-based positioning.

What is the best way to visualize vintage schematics on a canvas?▼

Visualizing vintage schematics is done through HTML5 Canvas rendering, which applies a library of component primitives to position and label elements. This approach supports annotated diagrams with color coding and wiring traces for educational purposes.

Can I add labels and wiring traces to retro computing circuit diagrams?▼

Yes, you can add labels, color coding, and wiring traces to retro computing circuit diagrams. These annotations are rendered directly on the HTML5 canvas to aid teaching and design verification for vintage electronics projects.

Does this canvas visualization tool support 6502 and retro electronics components?▼

Yes, the canvas visualization tool specifically supports 6502-based builds and retro electronics projects. It uses a library of component primitives to render vintage schematics and breadboard layouts on a scalable HTML5 canvas.

Are there limitations when rendering complex circuit schematics on an HTML5 canvas?▼

Rendering complex circuit schematics on an HTML5 canvas relies on grid-based layout and component primitives, which may constrain highly custom or non-standard positioning. It is designed for educational mockups and standard vintage electronics setups.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

legacy-circuit-mockups

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

Official
Basic
callstackcallstack
3.4k

doc-coauthoring

Guide structured collaborative writing through context gathering, refinement, and reader testing.

Official
Basic
htn332805htn332805

legacy-circuit-mockups

Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas.

Community
Intermediate
pacphipacphi
14

KiCAD PCB

Automate KiCAD project creation, schematic manipulation, and PCB layout operations.

Community
Advanced