Agent Skills
› classroomio/classroomio
classroomio/classroomio
GitHub规范 GitHub PR 和 Issue 引用的格式，强制使用可点击链接而非裸数字，提升文档可读性与跨平台引用准确性。
Install All Skills
npx skills add classroomio/classroomio --all -g -y
Skills in Collection (28)
规范 GitHub PR 和 Issue 引用的格式，强制使用可点击链接而非裸数字，提升文档可读性与跨平台引用准确性。
回复中包含 PR 或 Issue 引用
撰写 PR 描述或 Issue 正文
生成状态更新或报告
npx skills add classroomio/classroomio --skill link-prs -g -y
指导如何为帮助文档捕获、裁剪并嵌入标准尺寸（1350x830）的产品截图。涵盖图片放置规范、隐私合规检查及文件命名存储路径，确保文档配图清晰且符合无障碍标准。
需要为帮助文章添加或更新产品截图
请求优化、重新拍摄或修复模糊的文档配图
涉及文档图片的隐私审查与格式标准化
npx skills add classroomio/classroomio --skill add-docs-image -g -y
用于在 ClassroomIO monorepo 中新增组织落地页模板。通过原型、UI组件库和仪表盘应用三阶段流程，结合审批门控逐步实现新主题，确保设计锁定与代码隔离。
create/add a new landing template
add a new template like X to the org landing pages
build a new theme for the org landing page
提供新视觉风格的设计参考
npx skills add classroomio/classroomio --skill add-landing-template -g -y
将模糊的动画描述映射为精确术语，帮助用户准确命名动效。适用于询问“这是什么效果”或不知名称需向AI/设计师提问的场景，专注于命名而非设计实现。
用户询问某个视觉效果的名称
用户描述动效感觉但不知道专业术语
npx skills add classroomio/classroomio --skill animation-vocabulary -g -y
Apple风格界面设计指南，涵盖手势驱动UI、弹簧动画、拖拽交互及响应式反馈。指导前端开发者利用CSS和Pointer Events实现流畅、物理感强的Web交互体验。
构建手势驱动的UI组件
实现弹簧动画或物理过渡效果
优化拖拽、滑动或模态框交互
审查界面设计的流畅性与响应速度
npx skills add classroomio/classroomio --skill apple-design -g -y
ClassroomIO设计系统指南，涵盖UI、营销页及品牌资产的视觉规范。提供颜色、字体、组件库及品牌资产模板的使用说明，确保设计与开发的一致性。
需要遵循ClassroomIO设计规范进行UI或营销物料设计
查询品牌颜色、字体或组件使用规则
获取营销素材模板或品牌资产文件
npx skills add classroomio/classroomio --skill classroomio-design -g -y
用于在GitHub仓库中创建Issue，支持Bug、功能或改进报告。流程包括理解需求、查重、选择类型、生成标题与标签、填写模板并返回链接，确保Issue简洁可执行。
用户要求创建或提交Bug报告
用户请求开启新功能或改进建议
npx skills add classroomio/classroomio --skill create-issue -g -y
基于品牌规范生成1920x1080 ClassroomIO缩略图。通过HTML+CSS构建设计，利用无头Chrome渲染PNG，确保字体、Logo及配色符合品牌标准，支持多样化布局以避免重复。
创建缩略图
制作封面图片
生成视频或博客横幅
npx skills add classroomio/classroomio --skill create-thumbnail -g -y
基于Emil Kowalski的设计工程哲学，专注于UI细节打磨、组件设计、动画决策及交互体验优化。旨在通过提升界面质感与无形细节，增强软件的整体用户体验和竞争力。
需要优化UI/UX细节时
进行前端界面代码审查时
讨论动画与交互设计原则时
npx skills add classroomio/classroomio --skill emil-design-eng -g -y
用于在代码库或UI中扫描适合添加动画的场景，并给出精确方案。该技能仅分析不实现，强调克制与必要性，通过频率和目的双重筛选，拒绝过度动效，旨在提升用户体验的流畅度与情感化设计。
用户询问界面中哪些部分可以添加动画
用户希望让界面感觉更生动
npx skills add classroomio/classroomio --skill find-animation-opportunities -g -y
指导创建具有独特设计风格的生产级前端界面，避免通用AI美学。适用于构建Web组件、页面或应用，强调在编码前确立大胆的美学方向，并实现视觉引人注目且细节精致的代码。
用户要求构建Web组件
用户要求设计页面或应用
npx skills add classroomio/classroomio --skill frontend-design -g -y
用于编辑和审查文本，识别并消除AI生成内容的特征（如过度使用破折号、被动语态等），使文章更自然人性化。需保留原意，匹配语气，严禁捏造事实。
用户要求润色或改写AI生成的文本
用户希望提升文本的自然度和人类写作风格
npx skills add classroomio/classroomio --skill humanizer -g -y
一种优化输出格式的 Skill，专为 ADHD 读者设计。要求优先展示行动、分步编号任务、明确时间预估并抑制无关信息，以降低认知负荷并提升执行效率。
用户希望获得针对注意力缺陷多动障碍的优化回复格式
使用 /i-have-adhd 命令激活该模式
npx skills add classroomio/classroomio --skill i-have-adhd -g -y
作为高级动效顾问，只读分析代码库中的动画代码，生成优先级排序的审计报告和自包含的实现计划，供其他代理执行。不修改源码，仅输出改进方案。
improve the animations
audit the motion
make this app feel better
想要动画修复路线图
npx skills add classroomio/classroomio --skill improve-animations -g -y
规范 GitHub PR 和 Issue 引用的链接格式，确保文本中的引用均为可点击链接，提升信息可读性与可用性。
撰写或回复包含 PR/Issue 编号的消息
生成包含代码仓库引用的报告或文档
npx skills add classroomio/classroomio --skill link-prs -g -y
用于根据前端任务需求从精选列表中推荐并安装合适的 UI 库，涵盖组件、动画、图表、交互及状态管理等领域。
需要选择特定功能的 UI 库
询问某个前端场景的最佳实践库
npx skills add classroomio/classroomio --skill pick-ui-library -g -y
用于快速构建多个风格迥异的UI组件原型，通过可视化选择器对比不同设计方案，帮助开发者探索并选定最佳视觉与交互方案。
需要为特定UI组件生成多种设计方案
进行UI视觉或交互模式的发散性探索
npx skills add classroomio/classroomio --skill prototype -g -y
用于设计、审查和验证公共API、自动化端点及MCP工具的安全性与契约质量。涵盖授权模型、端点设计及与Dashboard的功能对齐，确保外部接口的可靠性与一致性。
添加或审查公共API路由
设计自动化端点
开发MCP工具
检查API安全与授权逻辑
npx skills add classroomio/classroomio --skill public-api-review -g -y
基于 Emil Kowalski 设计工程理念的高级动画代码审查技能。严格评估动效的合理性、性能、可访问性及交互体验，默认标记问题，确保动效符合高工艺标准。
审查前端动画代码实现
评估 UI 动效与交互体验
npx skills add classroomio/classroomio --skill review-animations -g -y
自动化端到端功能交付，涵盖实现、验证、提交及创建草稿PR。支持基于反馈的迭代开发，确保代码符合规范且测试通过。
实现新功能
修复并推送变更
对现有功能PR进行迭代修改
npx skills add classroomio/classroomio --skill ship-feature -g -y
指导按仓库规范暂存变更文件并提交，涵盖翻译处理、格式化、精确暂存及预提交检查，确保符合 Conventional Commits 规范。
用户要求暂存或提交代码
需要按照仓库规则执行 git 操作
npx skills add classroomio/classroomio --skill stage-and-commit -g -y
用于汇总指定日期范围内工程活动，生成包含已合并PR、未合并PR及演示视频链接的Markdown报告。
用户询问特定时间段内完成了什么工作
需要获取工程工作摘要或回顾
npx skills add classroomio/classroomio --skill summarize-activity -g -y
用于根据上周已发布功能撰写面向客户的变更日志，包括邮件、网站文章及包含截图和演示数据的视频录制步骤。
需要生成每周客户变更日志
准备周一发布的版本更新内容
npx skills add classroomio/classroomio --skill write-changelog -g -y
用于撰写、修订和审计 ClassroomIO 帮助中心面向客户的技术文档。确保内容准确、独立可分享且易于扫描，严格基于当前产品功能编写，禁止涉及开发或 API 参考文档。
需要创建新的帮助指南文章
修订现有的帮助文档以匹配最新产品变更
审核帮助内容的准确性和完整性
npx skills add classroomio/classroomio --skill write-docs -g -y
用于撰写产品需求文档并生成可点击的HTML原型。通过多轮问答明确需求，审计代码库现状，输出PRD规范及作为UX真理的原型文件，确保功能规划与实现一致。
write a PRD
spec a feature
plan a new product/feature
prototype a feature end to end
npx skills add classroomio/classroomio --skill write-prd -g -y
规定仓库代码编写规范，核心为极简注释策略：默认不写注释，仅允许记录外部约束的内联注释。函数文档仅限签名无法表达契约时使用 JSDoc，禁止解释设计决策或叙述实现细节。
编写新代码前
编辑现有代码时
审查代码注释合规性
npx skills add classroomio/classroomio --skill writing-code -g -y
ClassroomIO营销品牌系统规范，定义色彩、排版及动效组件。用于生成视频、缩略图、社交媒体素材等营销内容，确保视觉一致性，禁止复用产品端设计令牌。
创建营销类视觉资产如缩略图或视频帧
决定营销内容的配色方案
构建营销页面或社交媒体海报
npx skills add classroomio/classroomio --skill brand-system -g -y
用于编辑 ClassroomIO 视频，利用 ffmpeg 和 Python 脚本进行剪辑、降噪、字幕及品牌化包装，生成适合多平台的短视频内容。
用户要求编辑或剪辑视频
需要为视频添加品牌元素或字幕
准备视频用于社交媒体发布
npx skills add classroomio/classroomio --skill edit-video -g -y
