preline-theme-generator

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.

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

Overview

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.

What’s inside

The SKILL.md for preline-theme-generator is organised into these sections:

  • Read Order
  • Workflow
  • Security Constraints
  • Common Prompts
  • Key References

Installation

Add preline-theme-generator to your agent with:

git clone https://github.com/htmlstreamofficial/preline ~/.claude/skills/theme-generator

Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.

Supported agents

Neither the skill nor its repository names a specific agent. It uses the SKILL.md format, which several agents can load — check the repository for any agent-specific requirements.

License

htmlstreamofficial has not declared a standard open-source license for this repository (Other). Confirm the terms with the author before reusing it.

Strengths

  • Ships in htmlstreamofficial/preline, an established project with 6,388 GitHub stars

Things to check

  • No license declared — confirm terms with the author before reuse

Author

Topics

Need a skill like this, tailored to your team?Build a custom skill →

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.

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Claude Code
6.4k GitHub stars Other Updated May 10, 2026 Free

Generate professional resumes that conform to the Reactive Resume schema. Use when the user wants to create, build, or generate a resume through conversational AI, or asks about resume structure, sections, or content. This skill guides the agent to ask clarifying questions, avoid hallucination, and produce valid JSON output for https://rxresu.me.

↑ GrowingActive
42k GitHub stars MIT Updated Aug 28, 2026 Free

✨ 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.

Claude CodeCodexCursor+3
8k GitHub stars Apache-2.0 Updated Jul 28, 2026 Free

Substack / Medium 高级感长文排版, 适合公众号、博客发布

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free