Html Style

Takes plain HTML and injects a complete design system with opinionated styles for tables, status indicators, buttons, and layouts. You get a full CSS file (base.css) and a class reference for things like trend arrows, status pills, collapsible sections, and stat boxes. It handles both minimal table styling and fancier hover effects with positive/negative color coding. The workflow is straightforward: paste your HTML, it identifies what needs styling, adds the style block and classes, then optionally throws in some JavaScript for copy buttons or localStorage drafts. Works well with other structure skills like quick-view and table-filters since it already knows their class conventions. Supports dark mode if you're building dashboards or trading views.

Install to Claude Code

npx -y skills add shipshitdev/library --skill html-style --agent claude-code