← All sources

Preline UI skills

First-party Preline UI theme-generator skill for producing, previewing, and validating Preline Tailwind CSS themes (light/dark tokens, brand-color matching) via a bundled local generator. skills-hub.ai mirrors 1 skills from Preline UI daily, every skill links back to its upstream GitHub source. Install with one command across Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible tool.

Upstream: github.com/htmlstreamofficial/preline

Installing a Preline UI skill

Pick a skill below, then run the install command for your AI coding tool. The skills-hub CLI writes the SKILL.md to the right directory and tracks the install in .skills.json so your team gets reproducible installs.

# Install a Preline UI skill
npx @skills-hub-ai/cli install <skill-slug>

# Browse all Preline UI skills via API
curl https://skills-hub.ai/api/v1/skills?source=preline

# Browse all sources
open https://skills-hub.ai/sources

Top Preline UI skills

See all →

The most-installed skills from Preline UI, ranked by adoption.

  1. 01preline-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.

    Buildfrom Preline UI

About this source

skills-hub.ai mirrors skills from 90+ official GitHub repositories every day. Each imported skill is parsed from a SKILL.md file in the source repo, gets a security scan and quality score on import, and links back to its upstream source of truth.

Last sync: Jun 30, 2026, 11:15 PM (success).

Preline UI skills, frequently asked

What are Preline UI skills?

Preline UI skills are AI coding skills published by Preline UI (First-party Preline UI theme-generator skill for producing, previewing, and validating Preline Tailwind CSS themes (light/dark tokens, brand-color matching) via a bundled local generator.) and mirrored daily on skills-hub.ai. They are SKILL.md files that follow the open Agent Skills standard, so they work in Claude Code, Cursor, Codex CLI, Windsurf, Copilot, and any MCP-compatible tool.

How many Preline UI skills are available?

skills-hub.ai indexes 1 skills from Preline UI, synced daily from the upstream GitHub repository (https://github.com/htmlstreamofficial/preline).

How do I install a Preline UI skill?

Run `npx @skills-hub-ai/cli install <skill-slug>` in your project. The CLI writes the SKILL.md to the right directory for your AI tool and adds it to your `.skills.json` lockfile so your team gets the same skills at the same versions.

Are these official Preline UI skills?

Yes. Every skill from this source is mirrored from Preline UI's own GitHub repository (https://github.com/htmlstreamofficial/preline). Each skill page links back to the upstream source of truth, so you can verify the original.