Categories › Software Development › Frontend, UI components & design-to-code
Accessible React components, tokens, usage guidance, and install commands for product interfaces.
Remote server: your requests and data go to vlak.dev. Claude Code: claude mcp add --transport http vlak https://vlak.dev/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
list_workflows — List bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.get_workflow — Return one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilitilist_components — Every component in the catalogue with name, title, description, category, and aliases. Filter by category: actions, forms, navigation, feedbget_component — The markdown docs page for a component (install paths, example, props tables, keyboard, accessibility), plus its props as JSON, the CSS-onlysearch_components — Find components by name, title, description, alias (AI Elements, shadcn/ui, Radix, and common names such as PromptInput, Chain of thought, Sget_tokens — The design tokens page: every CSS custom property with its light and dark value and StyleX alias, plus the raw token groups (type scale, griget_install — The three ways to install one component (npm package plus import line, Vlak CLI, shadcn CLI) and the CSS-only markup, with its registry depeget_guide — Read the general guide first for installation and conventions. Select ios or android for browser React components, exact exports and relatedNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.