Circuit board workspace

Build with Vlak
Sensor bridgeBoard / revision C
Local workspace
Front copperIllustrative / 2 layers
Sensor bridge01
44 × 26 mm sample outlineDrawing only
Selected padJ1 / 1
NetSupply
Board notes1 records
  1. Revision C loaded with two synthetic check records.
Sensor bridge / local

Design assistant

A change you can inspect

Local prompt templates. No remote model.

Try a supported template
Local templates / 2 availableImported checks remain supplied records

Select a pad → write a supported prompt → edit the proposal → apply and inspect its history

View source
About this download

A standalone Vite and React project using Vlak 0.5.0. Extract the ZIP, open its folder, then run npm install and npm run dev. Requires Node 22.12 or newer.

Board records and rule results are supplied examples. Local notes and variant changes do not run electrical simulation, validate a real design or produce manufacturing files.

Installation and base examples

Inside the interface

A board editor with an assistant-shaped review workflow. Select a pad to follow its supplied net, then use a local prompt template to propose a net rename or assembly population change. Every proposal exposes the before and after values, an editable result and a note before it changes the local board record.

Prompts use two local rule-based templates, not a remote model. The board illustration and check records are synthetic. Edits update labels and assembly records; they do not route traces, calculate electrical behavior or rerun design rules. Changes reset on reload.

Watch the 20-second walkthrough

A short walkthrough of the working circuit board workspace study.

Components used

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed

Download the Circuit board workspace starter

Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • Pad inspector drives selected pads and highlights their supplied net in a custom vector board. The physical board artwork has its own restrained copper color.
  • Textarea and Button form a local prompt composer. Input and Select edit a structured proposal; applying checks the original value before updating the board and adding a history record.
  • Assembly variant matrix edits independent population and export flags. Design rule results keeps imported sample findings visible after edits, with an explicit stale-results notice.
  • At specimen widths of 640px and below, Board, Inspect, Assistant and Checks become focused screens. Pad selection opens inspection, assembly uses a separate full-width screen, and proposal review keeps its apply action in view. Back preserves the selected pad and restores focus to the originating control.