- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 6.3k
- 收录来源
- skill-github
能力说明
Preline UI 是一个基于 Tailwind CSS 的开源 UI 组件库，包含预构建的 UI 组件、模板、插件和 Figma 设计系统。它为开发者提供了灵活的标记、可扩展的设计系统和精美的 UI 模式，无需从头开始构建。Preline UI 还包括 Agent Skills，可以与 Cursor、Claude Code 和 Gemini CLI 等工具集成，简化主题生成和 UI 工作流。适用于需要快速构建现代网站和应用的开发团队。
能力点
- ▪204 个免费 Tailwind CSS 块和部分
- ▪5 个免费 Tailwind CSS 模板
- ▪27 个无头 Tailwind CSS 插件
- ▪企业级无障碍组件
- ▪Agent Skills 支持
适用场景
快速构建现代网站和应用自动化主题生成UI 工作流自动化提高开发效率
接入方式
依赖：Node.jsnpm
npx skills add htmlstreamofficial/preline
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
Preline UI 是否支持无障碍功能？
是的，Preline UI 包含企业级无障碍组件。
如何安装 Preline UI？
使用 npm 安装：npm i preline。
相关 Skill
ppt-image-first
一个 conversation-first、image-first 的 PPT 工作流 skill，逐步推进 PPT 需求至成品。
Agent Skill
material-3-skill
Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。
Agent Skillmaterial designui
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill