用途：为演示型 UI 组件提供可直接复制的 Tailwind CSS 样式模式，帮助在构建界面时保持视觉与交互一致。
主要能力：包含多类组件配方。卡片有基础卡片、可点击卡片（button 元素实现）和选中卡片（带 ring 高亮）。徽章涵盖严重程度（安全危害、需维修、维护项、监控、信息）与状态（优、良、一般/差）配色，并提供小、中、大三种尺寸。按钮包含主按钮、次按钮、幽灵按钮和图标按钮。模态框提供遮罩层、内容容器、标题栏配方。输入框有普通文本框与带错误提示的文本框。进度条含基础进度条和按状态变色的进度条。布局含页面容器、响应式卡片网格和区块标题栏。
使用方式：直接复制对应 JSX 与 className 代码到项目中，替换 {children}、{label}、{title} 等占位内容，并按项目实际情况调整宽度百分比等动态值。
适用场景：需要快速搭建风格统一的卡片列表、状态标记、表单、弹窗与页面布局的 React + Tailwind CSS 项目。
限制与规范：文档建议使用语义化颜色令牌（如 brand-primary、severity-、condition-），保持 4px 网格间距，为可访问性添加焦点状态，并用 transition 类实现平滑交互。反模式包括硬编码十六进制颜色、不一致的圆角、缺失焦点状态和使用任意间距值。资料未提供安装、版本、价格或平台支持等信息。