SuperAPI AI 工具集

list-styling

办公与效率

查看项目

更新于 10-16 08:07

技能介绍

用途:把 SharePoint 列表或文档库改造成完整视觉设计的视图,而非简单换色。技能强调使用 SharePoint 提供的多层格式化能力,目标是做出“看不出是 SharePoint”的效果。

主要能力:分四级格式化。一级列格式化控制单元格渲染,如状态徽章、进度条、日期组合;二级视图格式化(additionalRowClass)为行添加 CSS 类,用于隔行变色或条件高亮;三级行模板(rowFormatter)替换整行布局,可组合多列成卡片、侧栏等;四级磁贴格式化用于画廊/卡片视图。规则要求每个样式至少同时使用一级与三级。

使用方式:先读取列表架构,确认列的内部名称、类型与 Choice 值,未确认前不得生成 JSON;再加载对应 style-{name}/style-{name}/SKILL.md 中的设计令牌与 rowFormatter 参考模板;随后把模板中的示例列名(如 [$Status]、[$Progress]、[$Deadline])替换为用户实际内部列名,并按实际 Choice 值重映射颜色逻辑,缺失列则删除对应区块。生成顺序为:先 rowFormatter,再处理未被行模板覆盖的列格式化,按需添加视图格式化或磁贴格式化。之后新建以样式命名的视图,通过“设置当前视图格式→高级模式”粘贴 JSON,先预览再保存,切勿直接修改“所有项”或“所有文档”默认视图。

适用场景:需要为 SharePoint 列表或文档库做卡片式、看板式或艺术化行布局的展示。

限制:不支持 backdrop-filter、渐变、rgb()/rgba()/hsl()、CSS 变量、悬停伪状态,列格式化中不能使用自定义 CSS 类,嵌套 if() 约十层上限;颜色仅支持十六进制。常见错误包括遗漏 $schema、显示名与内部名混淆(空格变 x0020)、Choice 值大小写敏感、数字列可能存 0.72 而非 72、JSON 尾逗号,以及 rowFormatter 与 additionalRowClass 冲突。技能还要求做移动端响应式处理,如避免超过 240px 固定宽度、使用 flex-wrap、在窄屏隐藏次要元数据、保证触控目标至少 44×44px,并在约 375px、600px、1024px 下预览测试。具体样式令牌与模板内容需以对应 SKILL.md 为准,资料未提供完整样式清单。