Agent Skills
› gridaco/grida
gridaco/grida
GitHub用于研究、比较和更新AI模型配置的技能，涵盖文本、图像和视频模型版本升级、新模型添加、定价数据更新及规格审计。
Install All Skills
npx skills add gridaco/grida --all -g -y
Skills in Collection (32)
用于研究、比较和更新AI模型配置的技能，涵盖文本、图像和视频模型版本升级、新模型添加、定价数据更新及规格审计。
升级AI模型版本
添加新模型或提供商
更新模型定价数据
审计模型规格与用量
npx skills add gridaco/grida --skill ai-models -g -y
规范 Grida 编辑器中 React 代码结构，禁止在核心引擎使用 Hooks，仅限边缘适配；规定 data-testid 使用纪律。
在 editor/grida-canvas-react/ 编写 React 组件
重构复杂逻辑以符合 Hooks 边缘化规范
npx skills add gridaco/grida --skill code-react -g -y
规范TypeScript代码结构，主张单文件单一类或命名空间以增强可测试性。指导在编辑器、库及包模块中如何组织导出，避免自由函数散落，确保代码单元清晰且易于mock和调用。
编写TypeScript模块时
重构现有TS代码结构时
npx skills add gridaco/grida --skill code-ts -g -y
保护 Grida 数据库层契约，规范 Supabase 迁移不可变性、RLS 实现与测试对齐及 SQL 结构描述。提供本地迁移合并指导，防止误改已应用迁移，确保数据安全与一致性。
编辑 supabase/migrations/ 或 supabase/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）的性能分析与优化指南，涵盖基准测试、性能剖析及状态管理优化。
诊断拖拽或调整大小等交互卡顿
分析Reducer和Immer性能开销
编写或运行编辑器性能基准测试
使用PerfObserver进行代码插桩
npx skills add gridaco/grida --skill editor-perf -g -y
Grida计费模块的表面技能，涵盖Stripe订阅与Metronome积分账本。提供稳定API契约、Webhook接收及权限门控规范，指导开发者安全处理计费数据与外部集成。
修改计费相关Schema或RPC函数
开发Stripe或Metronome Webhook处理器
实现用户付费计划或AI额度权限校验逻辑
调试本地计费沙箱环境配置
npx skills add gridaco/grida --skill ee-billing -g -y
定义 Grida 企业版（EE）功能边界规范，通过 GRIDA-EE 标记、路由分组和包命名约定，区分开源核心与商业特性（如计费、授权），便于自托管剥离。
添加或修改仅适用于企业版的商业功能
判断某功能是否属于 EE 范畴
在代码中应用 GRIDA-EE 标记规范
npx skills add gridaco/grida --skill ee -g -y
提供缺陷修复纪律，强调在打补丁前追溯根本病因。通过诊断阶梯（现象、近因、API契约、系统性）分析故障，避免掩盖症状。指导编写或审查Bug修复、回归补丁及决策是否发布或重构。
编写或审查Bug修复代码
处理回归补丁
决定发布、延期或重构
npx skills add gridaco/grida --skill etiology -g -y
指导测试固定文件的创建、组织与引用，确保测试可复现。涵盖命名规范、所有权划分及本地文件处理，用于回归检测与功能覆盖。
创建新的测试固定文件
编写依赖固定文件的测试用例
决定哪些固定文件应纳入版本控制
npx skills add gridaco/grida --skill fixtures -g -y
Figma I/O包开发指南，涵盖fig-kiwi解析器、Kiwi至REST至Grida转换管道及CLI工具。用于支持新节点类型、修复转换Bug、扩展CLI功能或调试剪贴板粘贴失败等导入相关问题。
添加 Figma 节点类型支持
修复 Kiwi/REST 到 Grida 的转换 Bug
扩展 fig2grida CLI 功能
调试 Figma 更新后的剪贴板粘贴失败
npx skills add gridaco/grida --skill io-figma -g -y
指导 TS 端处理 Grida 文件格式的 I/O 工作，包括读写、加载、归档打包及剪贴板协议。涵盖格式检测、文档模型解析及 Frozen schema bindings 的使用与验证。
处理 .grida 文件加载或保存
调试 Grida 文件格式往返一致性问题
实现或维护 Grida 剪贴板协议
npx skills add gridaco/grida --skill io-grida -g -y
提供跨平台链接编写规范，确保链接在文档、GitHub、npm及Product UI等不同渲染表面正确解析。指导根据目标受众和宿主环境选择相对路径、绝对URL或通用路由。
编写文档链接
编辑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 仓库提交 Pull Request
审查代码中是否包含敏感信息或个人笔记
清理文档中的内部链接和真实环境截图
npx skills add gridaco/grida --skill oss-standards -g -y
用于创建和编辑Grida设计画板，管理包含参考图、生成内容及笔记的空间布局。通过操作.canvas.json清单及内部文件，实现自由表单的视觉设计工作。
需要创建或编辑.freeform视觉设计画板
处理.canvas目录包中的文档布局和引用
npx skills add gridaco/grida --skill dotcanvas -g -y
用于构建Grida演示文稿的技能，通过创建包含SVG文件的.canvas包实现。适用于制作演讲、路演或幻灯片，要求使用特定结构的JSON清单和16:9 SVG页面，支持新建、编辑及实时预览展示。
创建演示文稿
制作路演PPT
生成幻灯片
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 核心包（daemon 和 agent）的开发与维护，涵盖 DaemonServer 生命周期、会话管理、工具执行、技能发现及流式通信等。适用于相关代码编辑、协议变更及状态/流式传输相关的 bug 调试。
修改 @grida/daemon 或 @grida/agent 包代码
调试 Agent 状态恢复或消息流断裂问题
变更 DaemonServer 生命周期或侧车协议
npx skills add gridaco/grida --skill agent-system -g -y
Grida Desktop Electron 外壳开发技能，涵盖主进程、窗口管理、预加载脚本、原生协议及与渲染器的桥接。用于处理桌面端特有功能实现、Electron 专属 Bug 调试及自动化验证。
修改 Electron 主进程或预加载逻辑
调试仅复现于 Electron 的 UI 问题
配置深链接或文件关联
使用 Playwright/CDP 验证桌面应用
npx skills add gridaco/grida --skill desktop -g -y
用于为文档生成可版本控制的 SVG 图示，替代截图以解决过时和仓库体积问题。提供 UI 行为、手势及状态对比的可视化绘制能力，确保内容可 diff 且自包含。
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
用于撰写和维护工作组的领域文档，包括 RFC/RFD 规范、研究发现和术语表。强调代码无关性，聚焦于问题域、设计权衡及核心模型，而非具体实现细节。
起草或编辑 docs/wg/ 下的文档
编写 RFC/RFD 规范
记录研究发现或定义术语表
npx skills add gridaco/grida --skill docs-wg -g -y
定义 Grida Gateway (GG) 的开发规范，涵盖无密钥 AI 网关的 token、gateway、provider 及 desktop 四大表面。提供代码标记指南与范围判定标准，确保 GG 相关代码的统一识别与维护。
涉及 Grida Gateway 的代码修改
需要标记 GG 相关代码文件
判断代码是否属于 GG 范围
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 设计原则，强调拒绝暴露非必要内容以保持包简洁。适用于 TypeScript、Rust 等跨语言边界表面（如发布包、FFI）的设计与演进，指导公共 API 的契约制定。
设计或演进跨语言边界的 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-SEC 安全边界，指导修改受标签文件时的强制安全审查流程、验证防御机制及更新 SECURITY.md 注册表。
遇到 GRIDASEC 标签
修改受标签路径文件
添加新漏洞记录
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
