design system
every part the screens are built from. the names, dates and numbers are examples.
foundations
colour
type
spacing
actions
a link goes somewhere, a button changes something, a toggle turns a setting on or off.
links
buttons
click save or add to see the working state. regular is 32px tall, 44px on a touch screen.
toggle
menu
forms
icons and tags
an icon is one character in the body font. edit, copy and settings are words only.
tags
showing things
a list of preferences
preferences · 11
my preferences in this project · 0only you · only this project
none yet.
your 11 preferences apply in this project too.
thing rows
agents · 2what reads these preferences
table
facts
- applies
- my preferences: every project, only you
- strength
- required
- from
- a correction in claude code
- saved
- 10 nov 2026
mark
code
pnpm install
explain how sensus works in this project, show me the preferences that apply here, and tell me how to correct you.
code inside a sentence looks like pnpm test.
feedback
undo, in place of "are you sure"
the bar, as it sits at the bottom of the screen
messages
saved. it applies from your agent's next session.
could not save. check your connection and try again.
only a project owner can change this.
notice
nothing here yet
loading
steps
- sign indone.
- 2install the pluginrun this in claude code.
the install command goes here
- 3correct your agentyour first preference is saved the first time you do.
dialog
only for what cannot be undone, and for short forms.
page parts
header
page top
projects / sensus
sensus
github.com/sensus-labs-ai/sensus · settings
a preference's page
use pnpm in every javascript project. never npm or yarn, and never commit package-lock.json or yarn.lock.