nikos.tools
UX pack · Free · open source

Your component library, as a page any agent can read.

Point your coding agent at the design system you already have. It reads your real tokens and components, builds a component library page from them, and adds a Copy prompt button that hands any other agent the same rules.

Why a library page, not another doc.

Agents build what they’ve been shown

An agent that has never seen your design system invents one. The brief hands it your tokens, type and components in one read, so new pages look like they belong.

People review the real thing

Every component on the page is your real one, rendered with real data. Designers and product managers see what ships, not a drawing of it.

It can’t quietly drift

The page and the brief come from one data module, and tests fail when it stops matching your CSS or config.

What your agent does

  1. Finds what’s real Your tokens in every theme, your components and the data they render with, and any design rules you’ve already written down.
  2. Agrees the outline with you Where the page lives, its sections and three to six principles. It stops here for your yes.
  3. Writes one data module Every token with its job, type roles, spacing, radii, shadows, components by source file, and do and don’t lines.
  4. Builds the page from it In your own design language, with your real components rendered live, and a Copy prompt button.
  5. Looks at it Screenshots at phone and desktop widths in every theme, and every button clicked.
  6. Guards it with tests Every copied value checked against its source, so the page can’t lie about your code.
Example · nikos.tools Quiet paper, live green screens. Open the component library

Install it, then ask.

$ /plugin install nikos-ux --marketplace nikovijay/NikOS
ToolInstall
Claude Code/plugin install nikos-ux --marketplace nikovijay/NikOS
Codexcodex plugin marketplace add nikovijay/NikOS, then install nikos-ux
CursorAdd https://github.com/nikovijay/NikOS as a plugin marketplace, then install nikos-ux

Then ask your agent for a component library page. With nikOS installed too, it routes the request to the pack for you.

The UX pack on GitHub · The nikos.tools library