preline

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

install.sh

# every skill in this repo, via the skills CLI

npx skills add htmlstreamofficial/preline

# or, for Claude Code, copy one skill folder into

~/.claude/skills/ (all projects)

.claude/skills/ (this project)

Inside this pack

2 skills in preline

Each skill is a SKILL.md file your agent loads when a task matches its description.

01
preline-mcp
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.
View skill
02
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.
View skill