Agent Skills
› gridaco/grida
gridaco/grida
GitHub用于研究、比较和更新AI模型配置，涵盖版本升级、新增模型、定价更新及规格审计。支持文本、图像和视频模型，验证提供者文档中的上下文窗口、成本等参数，并审核预付费组织信用的使用计量情况。
Install All Skills
npx skills add gridaco/grida --all -g -y
Skills in Collection (32)
用于研究、比较和更新AI模型配置，涵盖版本升级、新增模型、定价更新及规格审计。支持文本、图像和视频模型，验证提供者文档中的上下文窗口、成本等参数，并审核预付费组织信用的使用计量情况。
升级文本、图像或视频模型版本
添加新的图像/视频生成模型或提供商
更新模型定价数据
根据提供者文档审计模型规格
npx skills add gridaco/grida --skill ai-models -g -y
规范Grida编辑器中React代码结构，禁止在核心引擎使用Hooks以防不可测和UX静默失效，要求逻辑下沉至类或命名空间，Hooks仅作为边缘适配层，并规范测试标识符使用。
在editor目录下编写React组件
涉及复杂状态机或渲染逻辑的UI开发
npx skills add gridaco/grida --skill code-react -g -y
规范 TypeScript 代码结构，主张单文件单一类或命名空间，以增强可测试性与模块边界清晰度。指导在编辑器及库模块中如何组织代码，避免自由导出碎片化，确保代码单元与测试单元一致。
编写 TypeScript 代码时
重构 TS 模块结构
设计内部 API 封装
npx skills add gridaco/grida --skill code-ts -g -y
定义 Supabase 数据库层操作规范，确保迁移文件不可变、RLS 实现以测试为准及 Schema 可读性。指导本地迁移合并与生产环境保护，防止数据不一致。
编辑 supabase/migrations/ 或 schemas/ 目录下的文件前
用户运行 /database 子命令（如 compact local migration, rls scenarios, align）
npx skills add gridaco/grida --skill database -g -y
指导撰写和更新 Grida Canvas 编辑器用户文档，涵盖写作规范、页面结构及截图演示准备。用于创建或编辑 docs/editor/ 下的内容，捕获功能截图或规划视觉演示。
write user docs
document this feature
screenshot for docs
canvas user guide
update help page
npx skills add gridaco/grida --skill docs-canvas -g -y
用于在创建、移动或重组文档前确定文档所属家族（SDK/开发者、用户/产品或工作组），以明确受众、目录和语调，并路由至对应专业技能。
创建新文档
移动或重组现有文档
不确定文档应归属的目录
请求编写文档但未指定类型
npx skills add gridaco/grida --skill docs -g -y
针对Grida Canvas编辑器前端性能优化指南，涵盖TypeScript状态管理、React渲染及基准测试。用于分析拖拽卡顿、Immer开销、编写性能探针及优化交互响应。
诊断编辑器交互延迟（如拖拽、调整大小）
进行编辑器操作的性能基准测试与剖析
优化React重渲染或状态管理开销
npx skills add gridaco/grida --skill editor-perf -g -y
Grida平台计费模块的表面契约与开发规范，涵盖Stripe订阅与Metronome积分账本。定义稳定接口、Webhook处理及BYOK策略，指导开发者在指定路径内安全进行计费功能开发与变更。
修改计费相关数据库Schema或视图
实现新的Stripe或Metronome Webhook接收逻辑
添加或修改AI额度/订阅权限检查门控
调用计费核心RPC函数或CLI脚本
npx skills add gridaco/grida --skill ee-billing -g -y
定义 Grida 企业版（EE）功能的边界与规范，涵盖授权、BYOD 和计费。通过 GRIDA-EE 标记、(ee) 路由组及 *-hosted 后缀区分 EE 与 OSS 代码，辅助开发者识别和处理商业特性。
添加或修改仅存在于企业版的特性
判断功能是否属于 EE 领域
需要标记 EE 相关代码文件
npx skills add gridaco/grida --skill ee -g -y
提供缺陷修复纪律，强调在打补丁前追溯错误根源（病因）。通过诊断阶梯分析症状、近因、API契约及系统性问题，避免掩盖症状的临时修复，确保修复方案诚实且无泄漏。
编写或审查 bug 修复代码
处理回归补丁或快速修复 PR
决定提交、推迟还是重构代码
npx skills add gridaco/grida --skill etiology -g -y
指导仓库内测试固定数据的创建、组织与引用规范，确保测试可复现且自包含。涵盖最佳实践、目录结构说明及引擎快照管理规则。
创建新的测试固定数据文件
编写依赖固定数据的测试用例
决定哪些文件应提交至版本控制
npx skills add gridaco/grida --skill fixtures -g -y
指导 Figma I/O 包的开发，涵盖 Kiwi 二进制解析、REST API 转换、fig2grida CLI 及测试。用于添加节点支持、修复转换 Bug、扩展解析器或调试粘贴失败等问题。
添加 Figma 节点类型支持
修复数据转换 Bug
扩展 fig2grida 功能
调试 Figma 更新后的剪贴板粘贴失败
npx skills add gridaco/grida --skill io-figma -g -y
指导 TypeScript 端处理 .grida 文件格式的 I/O 操作，包括加载、归档打包及剪贴板协议。涵盖 FlatBuffers 格式解析、ZIP 解压及冻结的 Schema 绑定维护。
处理 .grida 文件加载或保存
调试文件格式往返一致性问题
维护 TS 端 Grida I/O 包
npx skills add gridaco/grida --skill io-grida -g -y
规范多场景链接写法，确保在文档、代码、npm等渲染面正确解析。
编写文档链接
编辑源码注释
更新README
npx skills add gridaco/grida --skill links -g -y
指导在代码库中如何通过命名约束模块边界、保持结构扁平与单一职责，避免功能泄漏和代码腐化。适用于规划新包、模块或目录时的设计决策。
规划新的包、crate、模块或目录结构
决定模块名称以约束其包含的内容范围
评估现有模块是否违反单一职责或边界模糊
npx skills add gridaco/grida --skill naming -g -y
为Grida本地环境配置并导入可选的Library开发者语料库至Supabase，提供真实数据与嵌入向量以支持浏览、搜索及代理工具。
需要本地Library真实数据用于测试或开发
初始化或重置本地Grida堆栈后的语料库补充
验证Library浏览、搜索或代理工具的本地资产功能
npx skills add gridaco/grida --skill opt-library -g -y
面向开源仓库的 PR 审查纪律，确保代码、文档及截图符合公开标准。涵盖移除个人 TODO、敏感信息脱敏、禁止机器路径及拆分 PR 等规范，保障对外交付质量与安全。
准备向公共仓库提交 PR
最终化工作以接受审查
npx skills add gridaco/grida --skill oss-standards -g -y
用于创建和编辑 Grida .canvas 设计画板，管理包含参考图、生成内容及笔记的空间布局。适用于自由形式的视觉设计和排版工作，通过操作 JSON 清单和文件实现文档放置与调整。
需要创建无限画布进行视觉设计
整理和排列图片、笔记等素材空间位置
构建非线性的设计展示板
npx skills add gridaco/grida --skill dotcanvas -g -y
指导构建Grida演示文稿，将内容封装为包含SVG文件的.canvas包。涵盖目录结构、manifest配置、16:9 SVG模板及增删改查流程，确保幻灯片正确渲染。
创建演示文稿或PPT
制作Pitch Deck
生成演讲幻灯片
npx skills add gridaco/grida --skill slides -g -y
用于在 Grida 编辑器中创建和编辑 SVG 文件，支持实时画布绑定、解析错误恢复及特定排版风格规范。
创建新的 SVG 文档
修改现有的 SVG 文件
npx skills add gridaco/grida --skill svg -g -y
Grida Agent System技能，涵盖@grida/daemon（守护进程、安全边界）和@grida/agent（会话、工具执行、流处理）。用于修改相关包、调试Agent状态或流问题。
修改 @grida/daemon 或 @grida/agent 包代码
调试 Agent 会话、流传输或工具调用问题
npx skills add gridaco/grida --skill agent-system -g -y
Grida Desktop Electron壳开发技能，涵盖主进程、窗口、菜单、预加载脚本及原生协议集成。用于处理Electron特定UI bug、打包配置、路径安全桥接及CDP/Playwright验证，区分于Web端渲染逻辑。
修改desktop/src下的Electron主进程代码
调试仅复现于Electron环境的UI或行为问题
配置桌面应用打包、深链接或文件关联
使用CDP或Playwright验证桌面应用
npx skills add gridaco/grida --skill desktop -g -y
用于为文档生成可版本控制的SVG插图，替代截图以解决过期和体积问题。提供UI交互、状态对比等场景的绘图规范、代码片段及元数据标记约束。
svg diagram
draw a figure
visual for docs
explain this gesture visually
before/after diagram
npx skills add gridaco/grida --skill docs-svg-kit -g -y
用于编写和维护工作区文档（docs/wg），包括RFC/RFD规范、设计说明、研究结果和术语表。强调领域无关性，专注于问题的本质而非具体代码实现，适用于规格定义和设计决策记录。
撰写或编辑 RFC/RFD 规范
编写设计说明或研究结果
维护术语表
在 docs/wg/ 目录下创建文档
npx skills add gridaco/grida --skill docs-wg -g -y
定义Grida Gateway (GG) 的开发规范，涵盖令牌、网关、客户端提供者和桌面集成四大表面。通过GRIDA-GG标记实现代码可检索性，明确安全边界与计费关联，指导AI网关相关功能的开发与维护。
涉及Grida Gateway相关代码开发
需要识别或标记GG功能模块
处理无密钥AI访问逻辑
npx skills add gridaco/grida --skill gg -g -y
提供代码库信息溯源与冲突解决指南，确立权威数据源层级，识别并排除过时文档陷阱，指导在修改前核实真实状态。
需要确认代码或文档的真实当前状态时
不同来源（如代码、文档、记忆）存在冲突需裁决时
npx skills add gridaco/grida --skill grounding -g -y
扮演严苛审查者，针对设计文档、PR或计划进行深度逻辑与事实核查。识别未验证假设、模糊定义及潜在风险，区分可研究事实与需原型验证项，确保方案根基稳固，防止因部分调研导致的上线失败。
审查设计文档
代码评审
技术方案评估
npx skills add gridaco/grida --skill pedantic -g -y
定义SDK设计原则，强调拒绝暴露非必要功能以保持包小且可替换。适用于跨边界发布的包、FFI绑定及公共API的设计与演进，指导如何平衡核心功能与定制扩展。
设计新发布的SDK或公共API表面
评估现有包是否应作为独立版本化的SDK
npx skills add gridaco/grida --skill sdk-design -g -y
规范同一作者维护的双向SDK接口边界，通过模拟独立维护者视角和对抗性审查，防止内部耦合导致的契约污染，确保接口设计的清晰性与独立性。
修改共享的SDK或API契约
重构跨包/跨模块的依赖关系
设计新的服务间通信协议
npx skills add gridaco/grida --skill sdk-seam -g -y
指导处理GRIDSEC安全边界，触发于遇到GRIDSEC标签或修改相关文件时。要求查阅SECURITY.md，执行强制安全审查以确保防御机制未被破坏，并规范新ID注册与现有边界变更流程。
代码或文档中出现GRIDSEC标签
修改受GRIDSEC标记路径影响的文件
添加新的防漏洞记录
npx skills add gridaco/grida --skill security -g -y
提供Grida项目Next.js页面、博客及文档的SEO最佳实践，涵盖元数据、Open Graph、Sitemap、结构化数据及内容优化。用于创建或审查面向公众页面的搜索可见性。
创建或编辑公开页面
编写博客文章
编写技术文档
审查SEO相关元数据
npx skills add gridaco/grida --skill seo -g -y
通过本地 Ollama Gemma 4 模型查询图片，无需将图像加载至主上下文。用于描述截图、检查渲染内容或检测重叠元素，节省视觉 token。
describe image
what does this screenshot show
does the canvas contain content
check screenshot visually
look at this image
any overlapping elements
vision query
npx skills add gridaco/grida --skill vision -g -y
