Skip to content
mcp/skillhub

Agent Skill

Preline Theme Generator skill

preline-theme-generatorhtmlstreamofficial/prelineskills/theme-generator/SKILL.md

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.

6.5k

always on

89 tokname + description

once used

465 tokSKILL.md body

bundled files

93 scripts

repo stars

6.5kGitHub

Install the Preline Theme Generator skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/htmlstreamofficial/preline --skill preline-theme-generator

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/htmlstreamofficial/preline.git /tmp/preline
mkdir -p ~/.claude/skills
cp -R /tmp/preline/skills/theme-generator ~/.claude/skills/preline-theme-generator

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description89 tok
When the agent uses itThe SKILL.md instructions465 tok
Only if opened9 bundled files (90 KB)varies

Until it is used, preline-theme-generator costs about 15× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 2 skills from htmlstreamofficial/preline would load 155 tokens of descriptions. Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.
  • The name doesn't match its folder name, as the specification requires.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Preline Theme Generator
  • Read Order
  • Workflow
  • Security Constraints
  • Common Prompts
  • Key References

More skills from htmlstreamofficial/preline

All skills in this repo
  1. preline-mcphtmlstreamofficial/preline

    Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.

    6.5k66 tok idle · 2,636 in use