tomevault-io

Tomevault Design — Design skill for Claude Code

Design community

AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, color, palette, font, typography, motion, animation, copy, button, modal, navbar, sidebar, ca.

How to install Tomevault Design

Installs to ~/.claude/skills/tomevault-io-companyos-tomevault-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/tomevault-io-companyos-tomevault-design && curl -fsSL https://raw.githubusercontent.com/tomevault-io/companyos/HEAD/skills/tomevault-design.md -o ~/.claude/skills/tomevault-io-companyos-tomevault-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Tomevault Design does

name: tomevault-design description: AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, color, palette, font, typography, motion, animation, copy, button, modal, navbar, sidebar, card, form, table, chart, hero, landing, or anything that ships pixels to tomevault-web. Triggers on file edits to tomevault-web/src/**/*.tsx, tomevault-web/src/app/**, .css, tailwind config, globals.css, or any UI component file. Loads the internal tomevault-de

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
Cship — ⚡ A beautiful, fully customizable statusline for Claude Code - Starship-style TOML config, themeable colours 416 ★