htmlstreamofficial/prelineSKILLClaude Skill

preline

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

6.3kstars

405forks

HTML

agent-skillscsshtmljavascripttailwindcsstailwindcss-plugintypescriptui-components

Quality signals

ActiveNo testsNo CIThin docsNo licensePopular

Open Repository Download ZIP

AI summary

Auto-generated overview of what this skill does and when to reach for it.

Open-source Tailwind CSS UI component library with prebuilt blocks, templates, and plugins for faster web development.

Use this when

Need responsive navigation bars or sidebars quickly
Building forms with accessible inputs like datepickers or file uploads
Creating interactive UI elements like accordions or tooltips
Prototyping a dashboard with prebuilt cards and tables
Adding dark/light mode with built-in theme switcher

Don't use when

Starting a project without Tailwind CSS already configured
Building a site that doesn’t use utility-first CSS
Wanting a no-code website builder

Capabilities

204+ prebuilt Tailwind CSS component blocks
5 free responsive website templates
27 headless Tailwind CSS plugins for interactive elements
Figma design system for UI design
Accessibility-focused components with keyboard support
Agent skills for Cursor/Claude Code automation

InstallSKILLInstall as a Claude Code skill

Universal installANY TOOL

$ npx skillcity@latest htmlstreamofficial/preline

Auto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor or Cline.

Requires Node.js 18+ (ships with npx).

Or install manually

# Install into ~/.claude/skills/
mkdir -p ~/.claude/skills/preline
curl -fsSL https://raw.githubusercontent.com/htmlstreamofficial/preline/main/SKILL.md -o ~/.claude/skills/preline/SKILL.md

Loading README…

Discover the toolingbehind modern intelligence

preline