学页|白标品牌定制中心

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

学页系列·白标品牌定制中心。面向K12教培机构品牌/运营团队,一次性采集品牌要素(名称/标识/色彩/字体/话术语气),生成学页生态的单一品牌事实源 brand.json 与品牌资产包(品牌规范.html、应用矩阵、品牌预览),并驱动全部学页技能交付物(学习报告/学情仪表盘/互动教室/课件等)自动换装。支持明暗双主题适配与WCAG对比度校验。触发词:白标、品牌定制、品牌换装、换品牌、机构品牌、白标定制、品牌中心、统一品牌、品牌配置、去学页化、贴牌、OEM定制。管理"交付物长什么样",不管交付物内容本身;一次配置全系列生效,改配置即全量焕新。

一句话选型结论

按资料字段整理

学页|白标品牌定制中心是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install xuyeedu/whitelabel-studio
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方xuyeedu仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 enterprise
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791625119
正文体量12.9 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
学页|白标品牌定制中心当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

12.9 KB
模型实际读到的说明书原文,来自技能仓库

学页|白标品牌定制中心

概述

学页|白标品牌定制中心是一款面向 K12 教培机构品牌、运营与校区管理团队的品牌资产定制技能。团队只需提供机构名称、Logo、标准色等基础品牌要素,即可一键生成学页生态的单一品牌事实源 brand.json,并让全部学页技能的交付物(学习报告、学情仪表盘、互动教室、课件、切片视频包装等)自动套用机构品牌,解决品牌落地中的四大痛点:

  1. 配置重复——每个技能各自要一遍机构名、Logo、配色,改一次品牌要重配七处
  2. 风格漂移——不同人不同时间生成的交付物色值不一、Logo 位置各异,机构显得不专业
  3. 对比度事故——品牌色直接做文字/背景,投屏后看不清、打印出来一团糊
  4. 无品牌规范沉淀——品牌要求散落在聊天记录和口头传达里,新人接手两眼一抹黑

本技能把品牌要素沉淀为一份机器可读、人可核对的 brand.json:上游一次采集,下游所有学页技能读取同一份配置渲染交付物——改一处,全系列焕新。同时产出品牌规范页(.html,可投屏可发微信)、应用矩阵(品牌要素在 7 个学页技能中的落点速查)与品牌预览(效果先行确认再量产)。

产出为单文件 HTML(无外部依赖、可离线打开)+ brand.json(供全部学页技能消费)+ 品牌资产包目录(可选存放 Logo 图片文件)。

触发场景

以下情况触发本技能:

  • 直接关键词:白标、品牌定制、品牌换装、换品牌、机构品牌、白标定制、品牌中心、统一品牌、品牌配置、去学页化、贴牌、OEM定制
  • 语境触发:用户描述机构品牌落地需求(如"把我们机构的品牌应用到所有交付物""报告要用我们自己机构的名字和Logo""换个配色,家长端看到的都是我们品牌")
  • 材料触发:用户上传品牌资产(Logo图片、VI手册、色值截图、品牌规范文档),要求生成品牌配置或应用到学页交付物
  • 首启触发:机构首次使用任何学页技能前,先配置品牌("第一次用学页,先把机构品牌设置好")
  • 更新触发:机构品牌升级/换季/并购更名后,更新 brand.json 使全系列交付物焕新

不触发的场景:单个交付物的具体内容生成(用对应学页技能)、Logo 图片本身的设计绘制(用图像生成工具)、非学页生态产物的品牌应用。

工作流程

品牌定制遵循五步标准化工作流。Step 1-3 为首次配置流程,Step 4-5 为日常使用与更新流程。

Step 1: 品牌要素采集

从用户输入与上传材料中提取品牌要素。如信息不完整,提问补充。

需采集的要素:

要素 必填 默认值 示例
机构名称 是 — 启航教育
品牌标语 否 空 让每一页学习都有回响
Logo 图片 否 文字标识(机构名首字圆形章) logo.png 上传文件
主色 是 #2B5AA7(学页蓝) #E63946
辅助色 否 主色同族衍生 #1D3557
强调色 否 主色60度旋转 #F4A261
中性文字色 否 #1F2937 / #F3F4F6(暗色) #333333
背景色 否 #FFFFFF / #111827(暗色) #FAFAFA
字体 否 思源黑体(在线)+ 系统黑体栈 阿里巴巴普惠体
话术语气 否 专业亲和 严谨权威/专业亲和/温暖活泼/极简克制
品牌话术替换 否 "学页"→机构名 学页→启航
适用学段 否 全学段 小学/初中/高中/全学段
多校区标识 否 空 校区名+色点

采集规则:
1. 最多提问 3 个问题,一轮问完,禁止多轮追问
2. 只问缺失的必填项(机构名称、主色);用户已表达的信息不重复问
3. 若用户上传 VI 手册/Logo/色值截图,先提取信息,减少提问
4. 非必填项未提供时使用默认值,不提问;默认值须在交付时明示
5. 信息齐全时直接进入 Step 2,无需确认

素材处理: 用户上传的 Logo/品牌图片复制到品牌资产包目录(如 品牌资产包/logo.png),brand.json 中记录相对路径引用,不内嵌图片本体。

Step 2: 品牌配置生成

将采集的要素固化为 brand.json——学页生态的单一品牌事实源。

实现方式: 加载 references/brand-schema.md 按规范生成,或直接调用 scripts/brand_kit_builder.py 交互式生成。

brand.json 结构要点:

brand.json
├── meta           配置版本、更新时间、适用学页技能清单
├── identity       机构名称、标语、Logo路径、多校区标识
├── colors         主色/辅助色/强调色/文字色/背景色(明暗双主题各一套)
├── typography     字体栈(标题/正文)、字号基准
├── tone           话术语气、品牌话术替换表(如"学页"→机构名)
└── assets         Logo等素材文件的相对路径与用途标注

关键约束:
1. 色彩须通过 WCAG AA 对比度校验——主色做文字用 primary_text(文字场景变体,主色对底不足 4.5:1 时同色相自动加深/提亮),白字压主色底(按钮)≥3:1,正文组合 ≥4.5:1;不达标自动给出最小改动的修正建议
2. 明暗双主题各生成一套完整色板,缺省时由主色算法衍生(暗色主色自适应提亮至对暗底可读)
3. 字体必须给出离线降级栈(在线字体 + 系统黑体兜底),保证断网环境交付物不塌版
4. 话术替换表须包含品牌名替换规则,确保交付物中不残留"学页"原生品牌词

文件位置: brand.json 统一存放在机构工作空间根目录(或用户指定目录),全部学页技能从此处读取。

Step 3: 品牌资产包生成

生成人可核对的品牌规范与效果预览,先确认再量产。

交付物:

交付物 格式 内容
品牌规范页 .html 单文件 色板(明暗对照)+字体+Logo用法+话术语气示例,可投屏可发微信
应用矩阵 品牌规范页内嵌章节 品牌要素在 7 个学页技能交付物中的落点速查表
品牌预览 .html 单文件 用该品牌渲染的报告页/仪表盘页/课件页缩略效果,效果先行
brand.json .json 单一事实源,供下游技能消费
品牌资产包/ 目录 Logo 等原始素材 + brand.json 副本

实现方式: 调用 scripts/brand_preview.py 由 brand.json 渲染预览;应用矩阵内容加载 references/application-matrix.md。

确认环节: 生成预览后请用户确认品牌效果(重点核对:色值准确、Logo 清晰、对比度可读、话术无"学页"残留)。用户提出修改时回到 Step 1 增量更新对应要素,重跑 Step 2-3。

Step 4: 品牌应用与量产(下游消费)

品牌确认后,在后续使用任何学页技能时自动应用品牌。

应用机制:

  1. 学页技能生成交付物前,检测工作空间是否存在 brand.json
  2. 存在 → 读取并以品牌要素渲染(配色、机构名、Logo、字体、话术替换全部套用)
  3. 不存在 → 按学页原生默认风格渲染,并在交付时提示"可先配置品牌"

应用落点速查(详见 references/application-matrix.md):

学页技能 品牌应用点
学习报告生成器 报告头图色带、机构名+Logo、正文强调色、话术语气
学情进度仪表盘 KPI卡片主色、图表配色序列、页头机构名、明暗主题适配
互动教室 界面主色、小组记分板配色、标题栏机构名+Logo
备课与课件生成器 课件封面机构名、教案页眉、插图色系
课堂题目生成器 题目单页眉色带、机构名水印
完课归因器 归因报告封面色、机构名
回放切片器 切片清单表头、发布文案落款机构名

重要: 本技能管理"交付物长什么样",不代行各技能的内容生成。品牌应用由各学页技能在渲染时读取 brand.json 完成;本技能负责生成、校验、维护这份配置并给出应用矩阵指导。

Step 5: 品牌更新与多机构管理

品牌更新: 机构品牌升级时,修改 brand.json 对应字段(或重走 Step 1-3),后续新生成的交付物即用新品牌;已生成的历史交付物不回溯修改,如需焕新须重新生成。

多校区/多品牌:
- 单机构多校区:在 brand.json 的 identity.campuses 中配置校区名+色点,交付物按校区标识区分
- 多机构(如代理商服务多家机构):每家机构一套独立品牌资产包目录,生成交付物时指定使用哪套 brand.json

版本管理: brand.json 的 meta.version 随每次修改递增,meta.updated_at 记录更新时间,便于排查"这份报告用的是哪版品牌"。

参考文档索引

以下参考文档按需加载,不必一次性全部读取:

文档 路径 加载时机
品牌配置规范 references/brand-schema.md Step 2 生成 brand.json
色彩体系指南 references/color-system.md Step 1 采色 / Step 2 衍生色板 / 对比度校验
应用矩阵 references/application-matrix.md Step 3 资产包 / Step 4 品牌落点速查
话术语气规范 references/copywriting-tone.md Step 1 语气采集 / Step 2 话术替换表

工具脚本

以下脚本可直接执行,提供确定性能力:

脚本 路径 用途 调用时机
品牌配置校验器 scripts/brand_validator.py 校验 brand.json 完整性、色值合法性、WCAG 对比度,输出问题清单与修正建议 Step 2 配置生成后、Step 5 更新后
品牌资产包构建器 scripts/brand_kit_builder.py 交互式问答采集品牌要素,自动生成 brand.json + 色板衍生 + 明暗双主题 Step 1-2 采集与生成
品牌预览生成器 scripts/brand_preview.py 由 brand.json 渲染单文件品牌规范页(色板+字体+预览+应用矩阵) Step 3 资产包生成

品牌校验用法:

python scripts/brand_validator.py brand.json
python scripts/brand_validator.py brand.json --json

资产包构建用法:

python scripts/brand_kit_builder.py --interactive
python scripts/brand_kit_builder.py --name "启航教育" --primary "#E63946" --slogan "让每一页学习都有回响"

品牌预览用法:

python scripts/brand_preview.py brand.json --output 品牌规范.html

依赖的 WorkBuddy 内置技能

技能 用途 调用步骤
ImageGen 生成文字标识(用户无Logo时的默认图形标识) Step 1(按需)
present_files 统一交付品牌资产包 Step 3

下游品牌消费由各学页技能自行完成,本技能不依赖其运行。

重要约束

  1. 单一事实源:brand.json 是学页生态唯一品牌配置来源;任何学页技能不得硬编码机构品牌信息,必须读取 brand.json。
  2. 对比度红线:未通过 WCAG AA(4.5:1)的配色组合禁止产出;校验不通过时必须先修正再交付,自动修正建议须明示用户。
  3. 去原生品牌:应用品牌后,交付物中不得残留"学页"原生品牌词(话术替换表强制覆盖);品牌规范页与预览页本身须标注"由学页品牌中心生成"以区分生成工具与机构品牌。
  4. 离线可用:所有品牌渲染逻辑随交付物单文件内联(字体降级栈、色值、Logo 内嵌 base64 或路径引用),断网环境不塌版。
  5. 素材安全:用户上传的 Logo 等素材仅复制到用户工作空间的品牌资产包目录,不上传外部服务;brand.json 只记录相对路径。
  6. 默认值透明:使用默认品牌要素(默认主色/默认字体等)时,必须在交付时明确告知用户哪些是默认值、如何修改。
  7. 历史不回溯:品牌更新只影响后续新生成的交付物,不自动修改已生成文件;需焕新历史交付物时提示用户重新生成。

常见问题

5 问
答案由本站依据条目字段整理
学页|白标品牌定制中心怎么安装?

在支持 Skills 的客户端里执行:skillhub install xuyeedu/whitelabel-studio。安装方式为未标注。装完刷新技能列表或重开客户端。

学页|白标品牌定制中心支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

学页|白标品牌定制中心权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

学页|白标品牌定制中心收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

学页|白标品牌定制中心用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。