Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
preline-theme-generator
preline-theme-generator is an open-source frontend skill for Claude Code and compatible agents, published by htmlstreamofficial. Its author describes it as: “Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generat…”. The project has 6.4k stars on GitHub and ships custom license terms, so review them before reuse. Add it to your setup with `git clone https://github.com/htmlstreamofficial/preline ~/.claude/skills/theme-generator`.
What preline-theme-generator does
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.
Installation
Add preline-theme-generator to your agent with:
git clone https://github.com/htmlstreamofficial/preline ~/.claude/skills/theme-generator Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for preline-theme-generator is organised into these sections:
- Read Order
- Workflow
- Security Constraints
- Common Prompts
- Key References
When to use it
Reach for preline-theme-generator when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Ships in htmlstreamofficial/preline, an established project with 6,388 GitHub stars
- Actively maintained (recent commits)
Things to check
- No license declared — confirm terms with the author before reuse
Topics
Frequently asked questions
- What does preline-theme-generator do?
- Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated theme tokens. Do not use for generic non-Preline CSS work or arbitrary command execution.
- How do I install preline-theme-generator?
- Run git clone https://github.com/htmlstreamofficial/preline ~/.claude/skills/theme-generator in your agent, then reload your skills. Review the source at https://github.com/htmlstreamofficial/preline before installing.
- Is preline-theme-generator free to use?
- preline-theme-generator is publicly available on GitHub, but htmlstreamofficial has not declared a standard open-source license (Other). Confirm the terms with the author before reusing it.
- Where does preline-theme-generator come from?
- preline-theme-generator ships inside htmlstreamofficial/preline, a repository that contains 2 catalogued skills in total. The repository's 6,388 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.
Substack / Medium 高级感长文排版, 适合公众号、博客发布
杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
推特金句 / 数据卡, 适合配推文