# Hyperui Component Builder > Guidelines for building, styling, and structuring HyperUI component blocks. Use when this capability is needed. - Skill: `tomevault-io/hyperui-component-builder` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/hyperui-component-builder` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/hyperui-component-builder/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/hyperui-component-builder --- # HyperUI Component Philosophy - **Goal**: Clean, neutral, copy-paste-friendly building blocks. No marketing fluff. - **Do**: Neutral palettes (grays, black, white, 1 primary accent), Tailwind v4 utilities only, subtle hover states, text hierarchy via weight/size. - **Do NOT**: Decorative gradients, dark mode (unless requested), animations, external dependencies, or opinionated branding. - **Structure**: Semantic HTML, responsive, accessible, obvious actions. No finished websites; provide minimal building blocks. --- > Source: [markmead/hyperui](https://github.com/markmead/hyperui) — distributed by [TomeVault](https://tomevault.io).