Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

htmlstreamofficial/preline

1 skill · 881 installs · 6.4k stars · GitHub

Install

npx skills add https://github.com/htmlstreamofficial/preline

Skills in this repo

1Preline Theme Generatorpreline-theme-generator is an htmlstreamofficial/preline skill for creating one `<name>.css` theme file per task in Preline-based Tailwind projects. It classifies work into preview, write, or validate modes, normalizes brand colors and mood into generator inputs (hue, primaryColor, style, tailwindGray), and runs only through bundled scripts find-themes-dir.js and run-theme-generator.js—no npx or network packages. Final output activates via data-theme="theme-<name>" with optional .dark overrides, semantic token assignments, and a validation checklist for light/dark coverage including chart and map tokens. The workflow documentation spans seven guided steps from request normalization through validation. Reach for preline-theme-generator when you need a brand-matched Preline theme file—not generic non-Preline CSS refactors or edits to shared theme.css.881installs
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

htmlstreamofficial/preline · 1 skills · Skillselion