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，要求业务逻辑置于类或命名空间以确保可测试性，Hooks仅用于边缘适配。
在Grida编辑器相关目录编写React代码
审查React组件结构是否符合规范
npx skills add gridaco/grida --skill code-react -g -y
指导 TypeScript 代码内部结构，主张单文件单一类或命名空间以增强可测试性，避免自由导出碎片化，并区分核心逻辑与 UI 胶水代码的组织方式。
编写 TypeScript 模块代码
重构现有 TS 文件结构
决定类或命名空间的使用
npx skills add gridaco/grida --skill code-ts -g -y
规范 Supabase 数据库迁移与 RLS 策略管理。核心契约包括已应用迁移不可变、RLS 实现遵循测试、SQL 为最终状态描述。提供本地迁移合并及分类处理指南，防止误改生产数据。
编辑 supabase/migrations/ 或 supabase/schemas/ 下的文件前
用户运行 /database 子命令（如 compact local migration, rls scenarios）
npx skills add gridaco/grida --skill database -g -y
指导为 Grida Canvas 编辑器编写面向用户的技术文档，涵盖写作规范、页面结构及截图标准。适用于撰写功能指南、更新帮助页或准备演示素材。
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/开发者、用户/产品、WG），以明确受众、目录和语调，并路由至相应技能。
创建新文档
移动或重组文档结构
不确定文档应存放的目录
请求编写文档但未指定类型
npx skills add gridaco/grida --skill docs -g -y
指导 Grida Canvas 编辑器性能分析、基准测试与优化，涵盖 TypeScript 状态管理、React 渲染及交互延迟诊断。
性能瓶颈排查
编写或运行基准测试
诊断拖拽等慢交互问题
npx skills add gridaco/grida --skill editor-perf -g -y
Grida平台计费工作流规范，涵盖Stripe订阅与Metronome积分管理。定义稳定API契约、Webhook安全接收及权限校验机制，指导开发者合规处理计费逻辑变更。
修改计费相关数据库Schema或视图
实现新的Stripe或Metronome事件处理逻辑
调整用户权限或AI额度扣除策略
配置本地计费沙箱环境
npx skills add gridaco/grida --skill ee-billing -g -y
定义 Grida 企业版(EE)功能边界，规范 EE 专属特性（如计费、BYOD）的识别与剥离。提供 GRIDA-EE 注释标记约定及文件物理放置规则，确保开源核心与商业功能的清晰分离。
添加或修改仅存在于企业版的商业功能
决定某功能是否属于 EE 领域
需要标记 EE 专属代码文件
npx skills add gridaco/grida --skill ee -g -y
提供修复缺陷的纪律性方法论，强调在打补丁前追溯错误成因。包含诊断阶梯、测试覆盖策略及临时修复的适用条件，旨在避免掩盖症状，确保修复从根本上解决问题并防止回归。
编写或审查 bug 修复 PR
处理回归补丁
决定代码是发布、延期还是重构
npx skills add gridaco/grida --skill etiology -g -y
指导测试固定文件的创建、组织与引用，确保测试的可重复性与自包含性。涵盖最佳实践、目录结构规范及引擎快照管理，用于回归检测与特性覆盖。
创建新的测试固定文件
编写依赖固定文件的测试
决定哪些文件应提交至Git
npx skills add gridaco/grida --skill fixtures -g -y
指导 Figma I/O 包的开发，涵盖 fig-kiwi 二进制解析、Kiwi/REST 到 Grida 格式转换、fig2grida CLI 工具及测试。用于新增节点支持、修复转换 Bug、扩展解析器或调试剪贴板粘贴失败等问题。
需要添加 Figma 节点类型支持
修复 Kiwi 或 REST 到 Grida 的转换 Bug
扩展 fig2grida 功能
编写 Figma 导入相关测试
调试 Figma 更新后的剪贴板粘贴失败问题
npx skills add gridaco/grida --skill io-figma -g -y
指导 TS 端处理 Grida 文件格式的 I/O 操作，包括加载、打包及剪贴板协议。涵盖 FlatBuffers 格式解析、ZIP 归档处理及冻结绑定维护，用于编辑器或包内的文件读写与格式调试。
处理 .grida 文件读取或写入
调试文件格式往返问题
进行档案打包或解包
npx skills add gridaco/grida --skill io-grida -g -y
规范多场景下的链接写法，确保链接在渲染表面正确解析。适用于文档、源码、npm包及UI中的链接编写与编辑。
编写或编辑文档链接
处理源码注释中的链接
配置npm包README链接
设置产品UI内部路由
npx skills add gridaco/grida --skill links -g -y
指导在代码库中如何为包、模块等命名，强调名称决定系统结构。核心原则是名称先于实现，严格诚实的名称作为范围边界，防止功能泄漏，保持模块扁平化和单一职责。
规划新包或模块命名
评估现有模块结构合理性
重构混乱的目录层级
npx skills add gridaco/grida --skill naming -g -y
用于在本地 Supabase 中下载、验证并播种 Grida Library 开发者语料库，为浏览搜索和代理工具提供真实资产与嵌入数据。
需要本地测试 Library 浏览或搜索功能
Agent 工具依赖本地 Library 资产
重置数据库后需重新加载可选语料
npx skills add gridaco/grida --skill opt-library -g -y
针对开源仓库的 PR 前置检查技能，确保提交物符合公开标准。涵盖代码清理（移除私有 TODO、绝对路径）、安全审查（防止密钥/内部数据泄露）及文档规范，强调公共默认原则与完整性要求。
准备向 gridaco/grida 等开源仓库提交 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包。支持创建、编辑和展示幻灯片，严格使用SVG格式，通过manifest管理文档顺序与结构。
创建演示文稿或pitch deck
制作幻灯片或演讲素材
将内容转换为Grida slides格式
npx skills add gridaco/grida --skill slides -g -y
用于在 Grida 编辑器中创建和编辑 SVG 文件，支持实时画布绑定、解析错误恢复及特定排版风格规范。
创建新的 SVG 文件
修改现有的 SVG 文件
npx skills add gridaco/grida --skill svg -g -y
管理Grida Agent系统的DaemonServer与Agent Tenant包，涵盖会话、工具执行、流传输及安全边界。适用于相关代码修改、协议变更及状态调试，排除Electron界面逻辑。
编辑grida-daemon或grida-ai-agent包
修改DaemonServer生命周期或Agent会话/工具逻辑
调试Agent状态恢复或消息流问题
npx skills add gridaco/grida --skill agent-system -g -y
针对 Grida Desktop Electron 外壳的 Skill，涵盖主进程、窗口、菜单、预加载脚本及原生协议处理。用于解决 Electron 专属 UI bug、验证 CDP/Playwright 测试及协调发布版本。
修改 desktop/src 下的 Electron 主进程或配置
调试仅在 Electron 环境中复现的 UI 问题
涉及 deep links 或文件关联等原生功能变更
使用 Playwright/CDP 进行桌面端自动化验证
npx skills add gridaco/grida --skill desktop -g -y
用于在文档中绘制可版本控制的SVG图表，替代截图以解释UI交互、手势及状态变化。提供标准化模板、复用组件和强制规范，确保图表可编辑且SEO友好。
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规范、研究结果和术语表。专注于领域问题的‘为什么’和‘是什么’，保持语言无关性，不涉及具体代码实现细节。
编写或编辑 docs/wg/ 下的文档
撰写 RFC/RFD 规范
整理设计说明、术语表或研究发现
npx skills add gridaco/grida --skill docs-wg -g -y
定义 Grida Gateway (GG) 开发规范，涵盖 token、gateway、provider 和 desktop 四大表面。提供 GRIDA-GG 代码标记指南及命名映射，用于统一 AI 网关相关代码的识别与管理。
添加或修改 GG 相关文件
使用 gg provider 类型
涉及 org credit 消耗逻辑
需要定位 AI 网关代码
npx skills add gridaco/grida --skill gg -g -y
建立代码变更前的真实状态认知，通过定位权威源并调和冲突（如代码与文档、记忆与现状），确保操作基于准确信息。
需要确认当前代码或文档的真实状态时
发现不同来源信息存在冲突需裁决时
npx skills add gridaco/grida --skill grounding -g -y
提供严谨的批判性审查，聚焦事实依据与逻辑完整性。通过识别未验证假设、概念混淆及设计缺陷，防止因部分调研导致的交付风险，适用于设计文档、代码PR的深度评审。
需要深度技术评审时
审查设计文档或PR描述
npx skills add gridaco/grida --skill pedantic -g -y
指导设计高内聚、低耦合的 SDK 表面，强调默认核心与拒绝暴露，确保包的可测试性和可替换性。适用于 TypeScript、Rust 等跨边界发布的包及 FFI 绑定设计。
设计或演进任何跨边界的 SDK 表面
制定公开 API 的合同与契约
npx skills add gridaco/grida --skill sdk-design -g -y
规范同一作者维护的双边SDK或契约边界设计，通过模拟FFI/IPC隔离视角、扮演对立维护者协商变更，防止因双方可控而产出脏接口，确保契约独立演进与整洁。
涉及同一仓库内两个包或服务间的接口变更
需要定义或修改跨模块的公共契约
npx skills add gridaco/grida --skill sdk-seam -g -y
处理GRIDa仓库中的GRIDA-SEC安全边界。触发于源码或文档出现GRIDA-SEC标签时。要求修改相关代码前必须执行强制安全审查，确保预防漏洞机制未被破坏，并规范新安全ID的注册流程。
遇到GRIDA-SEC标签
修改受标签保护的文件
添加新的漏洞预防记录
npx skills add gridaco/grida --skill security -g -y
提供Grida项目SEO最佳实践，涵盖Next.js元数据、OG/Twitter卡片、Sitemap及结构化数据。用于创建或编辑公开页面、博客和文档时的SEO优化与审查。
需要优化网页搜索引擎排名
配置Open Graph或Twitter卡片
生成或更新Sitemap
添加JSON-LD结构化数据
npx skills add gridaco/grida --skill seo -g -y
通过本地 Ollama 的 Gemma 4 模型查询图片，无需将图像加载到主 Agent 上下文。适用于描述截图、检查渲染内容或检测元素重叠等视觉问答场景。
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
