Anthropic Claudeデザイン・クリエイティブ⭐ リポ 0品質スコア 50/100

legacy-circuit-mockups

Name: legacy-circuit-mockups
Author: github

HTML5 Canvas の描画技術を使って、ブレッドボード回路のモックアップやビジュアル図を生成します。回路レイアウトの作成、電子部品の配置可視化、ブレッドボード図の描画、6502ベースの構成図作成、レトロコンピュータの回路図生成、ビンテージ電子工作プロジェクトの設計などを依頼された際に使用します。555タイマー、W65C02Sマイクロプロセッサ、28C256 EEPROM、W65C22 VIAチップ、7400シリーズロジックゲート、LED、抵抗、コンデンサ、スイッチ、ボタン、水晶発振子、配線に対応しています。

description の原文を見る

Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.

SKILL.md 本文

レガシー回路モックアップ

レトロコンピュータと電子工学プロジェクト向けのブレッドボード回路モックアップと視覚的なダイアグラムを作成するためのスキルです。このスキルは HTML5 Canvas 描画メカニズムを活用して、6502 マイクロプロセッサ、555 タイマー IC、EEPROM、7400 シリーズロジックゲートなどのビンテージコンポーネントを備えた対話的な回路レイアウトをレンダリングします。

このスキルを使用する場合

ユーザーが「ブレッドボードレイアウトを作成して」または「回路をモックアップして」と要求する
ユーザーがブレッドボード上のコンポーネント配置を視覚化したい
ユーザーが 6502 コンピュータを構築するための視覚的な参考資料が必要
ユーザーが「回路を描いて」または「電子回路図を作成して」と要求する
ユーザーが教育用の電子工学ビジュアルを作成したい
ユーザーが Ben Eater チュートリアルまたはレトロコンピュータプロジェクトについて言及している
ユーザーが 555 タイマー回路または LED プロジェクトをモックアップしたい
ユーザーがコンポーネント間の配線接続を視覚化したい

前提条件

バンドルされた参照ファイルからのコンポーネントピンアウトの理解
ブレッドボードレイアウト規則（行、列、電力レール）の知識

サポートされるコンポーネント

マイクロプロセッサとメモリ

コンポーネント	ピン	説明
W65C02S	40ピン DIP	16 ビットアドレスバスを備えた 8 ビットマイクロプロセッサ
28C256	28ピン DIP	32KB パラレル EEPROM
W65C22	40ピン DIP	Versatile Interface Adapter (VIA)
62256	28ピン DIP	32KB スタティック RAM

ロジックとタイマー IC

コンポーネント	ピン	説明
NE555	8ピン DIP	タイミングと発振用タイマー IC
7400	14ピン DIP	クワッド 2 入力 NAND ゲート
7402	14ピン DIP	クワッド 2 入力 NOR ゲート
7404	14ピン DIP	ヘックスインバータ（NOT ゲート）
7408	14ピン DIP	クワッド 2 入力 AND ゲート
7432	14ピン DIP	クワッド 2 入力 OR ゲート

受動および能動コンポーネント

コンポーネント	説明
LED	発光ダイオード（複数の色）
抵抗	電流制限（設定可能な値）
コンデンサ	フィルタリングおよびタイミング（セラミック/電解）
水晶	クロック発振器
スイッチ	トグルスイッチ（ラッチング）
ボタン	モーメンタリープッシュボタン
ポテンショメータ	可変抵抗
フォトレジスタ	光依存抵抗

グリッドシステム

// 標準ブレッドボードグリッド: 20px間隔
const gridSize = 20;
const cellX = Math.floor(x / gridSize) * gridSize;
const cellY = Math.floor(y / gridSize) * gridSize;

コンポーネント描画パターン

// すべてのコンポーネントは以下の構造に従う:
{
  type: 'component-type',
  x: gridX,
  y: gridY,
  width: componentWidth,
  height: componentHeight,
  rotation: 0,  // 0, 90, 180, 270
  properties: { /* コンポーネント固有データ */ }
}

配線接続

// 配線接続形式:
{
  start: { x: startX, y: startY },
  end: { x: endX, y: endY },
  color: '#ff0000'  // 配線色コーディング
}

ステップバイステップワークフロー

基本的な LED 回路モックアップの作成

ブレッドボードの寸法とグリッドを定義
電力レール接続（+5V と GND）を配置
LED コンポーネントをアノード/カソード方向で追加
電流制限抵抗を配置
コンポーネント間の配線接続を描画
ラベルと注釈を追加

555 タイマー回路の作成

NE555 IC をブレッドボードに配置（左側ピン 1～4、右側ピン 5～8）
ピン 1（GND）をグラウンドレールに接続
ピン 8（Vcc）を電力レールに接続
タイミング抵抗とコンデンサを追加
トリガーとしきい値の接続を配線
出力を LED または他の負荷に接続

6502 マイクロプロセッサレイアウトの作成

W65C02S をブレッドボードの中央に配置
プログラムストレージ用に 28C256 EEPROM を追加
I/O 用に W65C22 VIA を配置
アドレスデコード用に 7400 シリーズロジックを追加
アドレスバス（A0-A15）を配線
データバス（D0-D7）を配線
制御信号（R/W、PHI2、RESB）を接続
リセットボタンとクロック水晶を追加

コンポーネントピンアウトクイックリファレンス

555 タイマー（8ピン DIP）

ピン	名前	機能
1	GND	グラウンド（0V）
2	TRIG	トリガー（< 1/3 Vcc でタイミング開始）
3	OUT	出力（ソース/シンク 200mA）
4	RESET	アクティブロウリセット
5	CTRL	制御電圧（10nF でバイパス）
6	THR	しきい値（> 2/3 Vcc でリセット）
7	DIS	放電（オープンコレクタ）
8	Vcc	電源（+4.5V～+16V）

W65C02S（40ピン DIP）- キーピン

ピン	名前	機能
8	VDD	電源
21	VSS	グラウンド
37	PHI2	システムクロック入力
40	RESB	アクティブロウリセット
34	RWB	読み取り/書き込み信号
9-25	A0-A15	アドレスバス
26-33	D0-D7	データバス

28C256 EEPROM（28ピン DIP）- キーピン

ピン	名前	機能
14	GND	グラウンド
28	VCC	電源
20	CE	チップイネーブル（アクティブロウ）
22	OE	出力イネーブル（アクティブロウ）
27	WE	書き込みイネーブル（アクティブロウ）
1-10, 21-26	A0-A14	アドレス入力
11-19	I/O0-I/O7	データバス

計算式リファレンス

抵抗計算

オームの法則: V = I × R
LED 電流: R = (Vcc - Vled) / Iled
電力: P = V × I = I² × R

555 タイマー計算式

アスタブルモード:

周波数: f = 1.44 / ((R1 + 2×R2) × C)
ハイタイム: t₁ = 0.693 × (R1 + R2) × C
ロータイム: t₂ = 0.693 × R2 × C
デューティサイクル: D = (R1 + R2) / (R1 + 2×R2) × 100%

モノスタブルモード:

パルス幅: T = 1.1 × R × C

コンデンサ計算

容量性リアクタンス: Xc = 1 / (2πfC)
蓄積エネルギー: E = ½ × C × V²

色のコーディング規約

配線の色

色	用途
赤	+5V / 電源
黒	グラウンド
黄	クロック / タイミング
青	アドレスバス
緑	データバス
オレンジ	制御信号
白	汎用

LED の色

色	順方向電圧
赤	1.8V - 2.2V
緑	2.0V - 2.2V
黄	2.0V - 2.2V
青	3.0V - 3.5V
白	3.0V - 3.5V

ビルド例

ビルド 1 — シングル LED

コンポーネント: 赤 LED、220Ω 抵抗、ジャンパー線、電源

手順:

電源 GND から A5 行までの黒いジャンパー線を挿入
電源 +5V から J5 行までの赤いジャンパー線を挿入
カソード（短い脚）が GND に揃う行に LED を配置
電源と LED アノード間に 220Ω 抵抗を配置

ビルド 2 — 555 アスタブルブリンカー

コンポーネント: NE555、LED、抵抗（10kΩ、100kΩ）、コンデンサ（10µF）