preline-theme-generator

by htmlstreamofficial 6.4k Other Updated May 10, 2026
Frontend ⚠ No license
preline-theme-generator skill by htmlstreamofficial
preline-theme-generator — Frontend skill by htmlstreamofficial

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

agent-skillscsshtmljavascripttailwindcsstailwindcss-plugintypescriptui-components

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.

8.0k nexu-io Apache-2.0