Preline Theme Generator
If you're working with Preline UI and need to spin up custom themes fast, this handles the CSS generation without you touching npx or composing shell commands by hand. It bundles its own local scripts and walks you through palette decisions, light and dark mode pairs, and token validation before writing files. You give it a brand color or a vibe like "sunset" or "cyberpunk," and it normalizes that into generator inputs, resolves your themes directory, and outputs valid CSS. The workflow docs and validation checklist keep you from shipping incomplete token sets. It won't do arbitrary CSS work outside Preline, which is the right call for a focused tool.
- GitHub stars
- 6.3K
- last updated
- May 10, 2026
Install
$ npx -y skills add htmlstreamofficial/preline --skill preline-theme-generator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Preline Theme Generator
Use the bundled local scripts. Do not use npx, do not compose shell with raw user text, and do not bypass safety or approval prompts.
Read Order
- Read
docs/workflow.md. - Read
docs/palette-guidance.md. - Read
docs/final-output-style.mdbefore writing a final theme file. - Read
docs/validation-checklist.mdbefore closing the task. - Read
examples.mdonly if the user wants stylistic guidance or sample outputs. - Read
docs/token-reference.mdonly if you need to inspect token coverage in detail.
Workflow
Follow docs/workflow.md for the full operating path.
Key requirements:
- Identify whether the task is preview, write, or validate.
- Normalize the request into explicit generator inputs.
- Resolve the target directory with
scripts/find-themes-dir.js. - Generate CSS only through
scripts/run-theme-generator.js. - Create or edit only the new theme file.
- Validate with
docs/validation-checklist.md. - Return the result in the mode-appropriate format.
Security Constraints
Sponsors
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/htmlstreamofficial/preline
- Categories
- Frontend Development, Git & Pull Requests, Documentation, Code Review & Quality, Debugging, Automation & Workflows, Marketing & SEO, Design & UI/UX
- First seen
- Jun 11, 2026
More from htmlstreamofficial/preline
All 2Recommended
More Frontend Development
initial-accesshypnguyen1209/offensive-claudeModern initial access techniques — phishing, payload delivery, HTML smuggling, ISO/IMG bypass, supply chain attacks, credential stuffing, exposed service exploi0skills.sh installs
dspy-fundamentalsintertwine/dspy-agent-skillsWrite idiomatic DSPy 3.2.x programs — typed Signatures, dspy.Module subclasses, Predict/ChainOfThought/ReAct/ProgramOfThought, and save/load. Use this when star0skills.sh installs
metabase_ingestkaelio/ktxConvert Metabase questions, models, and metrics into ktx Semantic Layer source definitions. Covers result-metadata to KSL column type mapping, FK/PK detection, 0skills.sh installs
privacy-krkimlawtech/korean-privacy-terms한국 서비스용 처리방침·이용약관·회원가입 동의 모달·쿠키 배너 자동 생성. 개인정보보호법 §30, 2025.4.21 작성지침, 2026.3 개정법, 공정위 전자상거래 표준약관 10023호 반영. Next.js 13~16 프로젝트 대상.0skills.sh installs
forgecad-blockout-modelkostard/forgecad-public-kitCreate rough high-level ForgeCAD concept models from simple primitives to explore layout, proportions, motion, and part relationships without production detail.0skills.sh installs
daily-briefleiting-eric/dailybriefOperational knowledge for the daily-brief digest pipeline (this project). RSS/API fetchers, pluggable LLM enrichment (default claude CLI on Max; also anthropic/0skills.sh installs