Preline

Preline is an open-source frontend skill for Claude Code and compatible agents, published by htmlstreamofficial. Its author describes it as: “Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.”. The project has 6.4k stars on GitHub and ships custom license terms, so review them before reuse. Add it to your setup with `/plugin marketplace add htmlstreamofficial/preline`.

Installation

Add Preline to your agent with:

/plugin marketplace add htmlstreamofficial/preline

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.

When to use it

Reach for Preline 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,372 GitHub stars
• Actively maintained (recent commits)

Things to check

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

Topics

Frequently asked questions

What does Preline do?

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

How do I install Preline?

Run /plugin marketplace add htmlstreamofficial/preline in your agent, then reload your skills. Review the source at https://github.com/htmlstreamofficial/preline before installing.

Is Preline free to use?

Preline 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 come from?

Preline ships inside htmlstreamofficial/preline, a repository that contains 2 catalogued skills in total. The repository's 6,372 GitHub stars apply to that whole collection, not to this skill on its own.