Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
