用途
styling-patterns 是 spences10/devhub-crm 仓库下的一个技能，定位为 DaisyUI v5 设计系统。它用于规范界面中背景、边框、文字尺寸、透明度、语义颜色和间距的使用方式，使界面样式保持一致。
主要能力
该技能以规则与示例的形式提供样式约定，涵盖以下核心原则：
- 背景层级：base-200（页面）→ base-100（卡片）→ base-200（嵌套），且不应与父级相同。
- 边框：使用 border-base-300 solid，不带透明度。
- 文字尺寸：3xl（h1）→ 2xl（h2）→ xl（h3）→ base（正文）→ sm（元数据）→ xs（提示）。
- 透明度：仅使用 60/70/80，且仅用于元数据与描述，绝不用于标题、按钮或主要操作。
- 阴影：md（默认）→ lg（悬停）→ xl（重要）。
- 语义颜色：error 与 success 不应带透明度。
- 对比度测试：始终在浅色与深色主题下验证。
使用方式
技能文档给出了快速开始示例，展示正确的背景层级写法与错误的写法对比。正确示例使用 bg-base-200 作为外层、bg-base-100 作为卡片，并配合 p-6、p-4、shadow-md、mb-3、text-2xl、font-bold、text-base、text-sm、opacity-60 等类；错误示例则让卡片与父级使用相同的 bg-base-100，导致缺少视觉分隔。详细规则与完整示例见参考文件 styling-guide.md。
适用场景
适用于使用 DaisyUI v5 设计系统构建前端界面的项目，尤其是需要统一背景层级、文字层级、透明度与阴影规则的组件与页面开发。
限制
资料未提供该技能的安装命令、平台支持、价格或收费信息，也未说明其运行环境与依赖版本，这些内容暂未提供。