onsystem
Catches palette colors, native elements and APIs your design system lacks in agent-written React.
Connector by dgesteves · GitHub account verified by the MCP Registry
Chalk Labs
Need help deploying onsystem?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.
npx agentmarket install connector/dgesteves-onsystem
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 25, 2026.
- Tools
- 8 read · 2 write · 0 delete · 1 not yet classified
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Tools by what they do 11
Read from the source code; the running server may list different tools.
Read 8 · Look things up without changing anything.
check_uiget_componentget_tokenslist_componentslist_filesread_filesearch_componentssearch_files
Write 2 · Create, change, send or run things.
edit_filewrite_file
Not yet classified 1 · We could not tell from the name and description.
load_skill
Network hosts it talks to 28
agent-plugins.org· found in codeai.google.dev· found in codeapi.anthropic.com· found in codeapi.github.com· found in codeapi.openai.com· found in codeapp.partnerstack.com· found in codeassets.dub.co· found in codechatgpt.com· found in codeclaude.ai· found in codecursor.com· found in coded.to· found in codedashboard.stripe.com· found in codedevelopers.openai.com· found in codedocs.oasis-open.org· found in codedocs.stripe.com· found in codedub.co· found in codegenerativelanguage.googleapis.com· found in codegithub.com· found in codeglama.ai· found in codegrok.com· found in codeinsiders.vscode.dev· found in codeondocs.vercel.app· found in codeonsystem.vercel.app· found in codeopenapi.vercel.sh· found in codeplatform.claude.com· found in codesignoff-ui.vercel.app· found in codeslsa.dev· found in codeunpkg.com· found in code
Files it touches
/dev/null- Your home directory (~)
- Any path the agent passes to its tools
Tools (11)
Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].
check_uiCheck UI code against the design systemread-onlyLint TSX/JSX against the design system. Reports hardcoded colors, spacing and radius (with the nearest token), native elements that have a design-system component, unknown components, props and variant values, and icon-only buttons without an accessible name. Each diagnostic has line/column, a rule id, a message and a suggested fix. Run it on every snippet or file you write and fix all errors. Pass `path` for a file in the project, or `code` for unsaved code, with `path` (or `filename`) naming the file it is for or its project folder.
edit_fileReplace an exact piece of text in a file. old_string must appear exactly once unless replace_all is true.
get_componentGet a component contractread-onlyGet the full contract of one component: import, props with types and defaults, cva variants and the classes each applies, parts (sub-components), design tokens it uses, usage guidelines and examples from its docs. Call it before using a component. Accepts "Button", "CardHeader" or "Card.Header". At a monorepo root, pass `path` (the file you are editing) to get the component its project uses.
get_tokensGet design tokensread-onlyList design tokens with resolved values, dark-mode values and how to use each (Tailwind class or CSS variable). Filter by category (color, spacing, radius, typography, shadow, other) or a substring. Use these instead of hex codes, px values or Tailwind default palette classes. Chart and sidebar colors are listed under their own headings: they are for charts and the sidebar, not for status colors.
list_componentsList design-system componentsread-onlyList every component in the project design system with a one-line description, the native element it renders, its variant values, its parts and its import. Icons (components that render an <svg>) are named on one line per import, or per folder for icons with a module each, five or more to a line. Call this before writing UI in this project. `query`, `kind` and `limit` narrow a long list. At a monorepo root, pass `path` for the project of the file you are editing; without it, every project is listed, each component with its package.
list_filesList files and folders under a folder of the project (node_modules, .git and build output are left out). Folders end with "/".
load_skillLoad a skill by name. Returns its instructions.
read_fileRead a text file of the project, with line numbers.
search_componentsSearch components by intentread-onlyFind components by what you want to build, e.g. "confirm a destructive action", "status label", "text field with validation". Ranks names, descriptions, docs, props and variant values with BM25 (local, no API key). When no component clearly matches, it says so and lists the nearest, marked `weak`. Use it when you do not know which component fits.
search_filesSearch the project's files for a regular expression (JavaScript syntax) and list matching lines as "file:line: text".
write_fileCreate a file, or replace a file's whole content. Folders are created as needed.
Signals
- Stars
- 2
- Forks
- 3
- Open issues
- 21
- Last commit
- Oct 23, 2026 (7 days ago)
- Last release
- Oct 23, 2026 (7 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- Registry name
io.github.dgesteves/onsystem- Version
- 0.10.0
- Auth
- No auth
- Packages
- npm onsystem
- License
- MIT
- Repository
- github.com/dgesteves/onsystem
- Website
- onsystem.vercel.app
- First seen
- Oct 24, 2026
- Last checked
- Oct 25, 2026
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get onsystem running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
onsystem MCP server. Agent Mart. https://agentmart.dev/connectors/dgesteves-onsystem (last updated 2026-10-25)