用途：当需要基于设计系统基础组件生成组合式 UI 模式（卡片布局、列表、表单区块、网格等）时使用该技能。
主要能力：提供多种模式类型。布局类包括 card-section（页面区块内带标题与内容的卡片，mx-6）、grid-2col（两列卡片网格，grid grid-cols-2 gap-4 px-6）、scroll-horizontal（横向滚动卡片列表，flex gap-3 overflow-x-auto scrollbar-hide）、list-section（卡片内纵向列表）、form-section（卡片内带标签输入的表单）、stat-grid（StatCard 网格）。数据展示类包括 data-table、detail-card、chart-card（Recharts 图表卡片容器）、ranking-list。交互类包括 action-sheet、filter-bar、search-header。
使用方式：先阅读设计系统参考，包括 CLAUDE.md 约定、components/ui/ 可用基础组件、components/patterns/ 已有模式；从现有组件组合模式，不要重建基础组件；遵循布局规则（卡片 bg-card rounded-2xl p-6 shadow-[var(--shadow-card)]，区块包裹 mx-6，区块标题 text-foreground font-bold text-[18px] mb-4，列表间距 space-y-3，网格间距 gap-4）；所有视觉属性使用语义化 token；将模式做成带 props 的可复用组件。
适用场景：需要快速搭建符合设计系统的中等粒度界面结构时。
限制：单一基础组件应使用 /ss-component，完整移动端页面用 /ss-page，多页用户流程用 /ss-flow，设计 token 与颜色间距决策用 /ss-tokens。仅在任务与上游来源及本地项目上下文明确匹配时使用；应用变更前需验证命令、生成代码、依赖、凭据与外部服务行为；示例不能替代环境相关测试、安全审查或对破坏性/高成本操作的用户批准。