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.
- skills.sh installs
- 141
- GitHub stars
- 24
- last updated
- Jun 3, 2026
Install
$ npx -y skills add shipshitdev/library --skill html-style --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/shipshitdev/library
- Categories
- Frontend Development, Code Review & Quality
- First seen
- Jun 3, 2026
More from shipshitdev/library
All 56- Security Expert141
- Qa Reviewer137
- React Native Components135
- Task Prd Creator133
- Component Library130
- Offer Architect130
- Funnel Validator129
- Multi Agent Patterns129
- Biome Validator127
- Startup Icp Definer127
- Humanizer126
- Nextra Writer126
- Performance Expert122
- Traffic Architect122
- Retention Engine121
- Testing Expert120
- Nextjs Validator119
- Search Domain Validator119
- Stripe Implementer119
- Ai Loading Ux118
- Mongodb Migration Expert118
- Husky Test Coverage116
- Positioning Angles116
- Devcontainer Setup115
Recommended
More Frontend Development
tanstack-vue-query-skilldharlan-zw/vue-ecosystem-skillstanstack vue query skilld128skills.sh installs
android_ui_verificationsickn33/antigravity-awesome-skillsandroid ui verification119skills.sh installs
frontend-designagentworkforce/relayCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat0skills.sh installs