Agent Skills
› gridaco/grida
gridaco/grida
GitHub用于研究、对比和更新共享AI模型JSON配置，支持TypeScript/Web/Rust多端消费。涵盖文本/图像/视频模型版本升级、新提供商接入、定价数据更新及规格审计，确保模型目录与官方文档一致。
Install All Skills
npx skills add gridaco/grida --all -g -y
Skills in Collection (33)
用于研究、对比和更新共享AI模型JSON配置，支持TypeScript/Web/Rust多端消费。涵盖文本/图像/视频模型版本升级、新提供商接入、定价数据更新及规格审计，确保模型目录与官方文档一致。
升级文本或生成式模型版本
新增图像/视频生成模型或提供商
更新模型定价数据
核对模型规格与官方文档一致性
npx skills add gridaco/grida --skill ai-models -g -y
规范Grida编辑器中React代码结构，禁止核心逻辑使用Hooks以防不可测，要求将业务逻辑移至类或命名空间，Hooks仅作为边缘适配。同时规定组件根节点需设置唯一data-testid以保障测试与可维护性。
在editor目录下编写React组件
重构React逻辑以分离关注点
添加DOM测试标识
npx skills add gridaco/grida --skill code-react -g -y
规范TypeScript模块内部结构，主张单文件单类或命名空间以增强可测试性。指导代码聚合而非碎片化，明确适用场景与边界，确保导出单元清晰、易于Mock和调用。
编写TypeScript代码时
重构TS模块结构时
npx skills add gridaco/grida --skill code-ts -g -y
定义数据库层操作契约，确保迁移不可变、RLS实现遵循测试且schema文件可读。指导本地迁移合并及生产环境保护，防止误改已应用数据。
编辑 supabase/migrations/ 或 schemas/ 下的文件
运行 /database compact local migration 子命令
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/开发者、用户/产品或工作组），以匹配正确的受众、目录和语调，并路由至对应专项技能。
创建、移动或重组文档时
不确定文档应归属哪个目录时
请求编写文档但未指定类型时
npx skills add gridaco/grida --skill docs -g -y
针对Grida Canvas编辑器前端性能优化的指南，涵盖TypeScript状态管理、React渲染及基准测试。用于分析拖拽等交互延迟、Immer开销及编写性能探针。
诊断编辑器交互卡顿（如拖拽、缩放）
进行性能基准测试或重构优化
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）功能边界，规范通过 GRIDA-EE 标记区分开源核心与商业特性（如计费、BYOD），指导代码结构命名与文件归类。
识别或添加仅限企业版的商业功能
决定某功能是否属于 EE 范畴
在代码中添加 GRIDA-EE 注释标记
npx skills add gridaco/grida --skill ee -g -y
定义缺陷修复纪律，要求通过诊断阶梯追溯根本原因而非掩盖症状。指导在编写或审查 Bug 修复、回归补丁时进行根因分析，确保修复的准确性与安全性。
编写 Bug 修复代码
审查回归补丁
评估是否应推迟或重构修复方案
npx skills add gridaco/grida --skill etiology -g -y
指导仓库中测试固定数据文件的编写、组织与引用。提供最佳实践，明确目录归属及引擎快照管理规则，确保测试的可复现性与自包含性。
创建新的测试固定数据文件
编写依赖固定数据的测试用例
决定哪些文件应纳入版本控制
npx skills add gridaco/grida --skill fixtures -g -y
管理Grida Gateway消费者适配器，处理原生AI令牌、Provider及Desktop集成。规范认证、计费隔离及测试结果持久化，禁止暴露服务端凭证或添加财务策略。
修改Gateway消费者适配器代码
处理原生AI令牌与Provider集成
涉及Grida Desktop集成逻辑
npx skills add gridaco/grida --skill gg -g -y
指导 Figma I/O 包的开发，涵盖 Kiwi 解析、REST API 转换及 fig2grida CLI。用于添加节点支持、修复转换 Bug、扩展解析器或调试导入问题。
添加 Figma 节点类型支持
修复 Kiwi 或 REST 转换 Bug
扩展 fig2grida CLI 功能
编写 Figma 导入测试
调试 Figma 更新后的剪贴板粘贴失败
npx skills add gridaco/grida --skill io-figma -g -y
指导 TS 端处理 Grida 文件格式的 I/O 工作，包括文件加载、归档打包、剪贴板协议及冻结的 Schema 绑定。用于编辑器或包中操作 .grida 文件及调试格式往返问题。
需要读取或写入 .grida 文件
处理 Grida 归档打包或解压
实现或调试 Grida 剪贴板协议
检查或验证 Grida 文件格式
npx skills add gridaco/grida --skill io-grida -g -y
规范跨环境链接写法，确保在文档、GitHub、npm及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可选开发者语料库。当需要浏览、搜索或Agent工具使用真实本地资产及Gemini嵌入时触发，支持版本化归档的导入与校验。
本地开发环境初始化Library数据
为Agent工具提供模拟语料资产
验证Library内容发布包
npx skills add gridaco/grida --skill opt-library -g -y
面向开源仓库的 PR 前置纪律规范，确保代码、文档及数据符合公开标准。重点包括隐私脱敏、禁止个人 TODO、拆分关注点及处理不完整提交，以保障公共可读性与安全性。
准备向 public-by-default 仓库提交 PR
进行代码审查前的最终清理
npx skills add gridaco/grida --skill oss-standards -g -y
规范 Grida 平台消费者端（账户、账单、原生执行）的开发行为，涵盖配置管理、身份认证及计费逻辑约束，确保数据一致性与安全合规。
修改 Grida 账户或账单适配器代码
处理原生执行收据或信用显示逻辑
调整 Console 手递或身份验证流程
npx skills add gridaco/grida --skill platform-consumers -g -y
用于创建和管理 Grida .canvas 设计板，通过操作目录结构和 manifest 文件来编排参考图、生成图像及笔记的空间布局。
需要创建无限画布式的设计板
在画布上排列视觉元素或笔记
npx skills add gridaco/grida --skill dotcanvas -g -y
指导构建Grida演示文稿，使用SVG生成16:9幻灯片并打包为.canvas文件。适用于创建展示、路演或演讲内容，需遵循特定目录结构和manifest规范。
用户请求制作PPT或演示文稿
需要生成路演或演讲幻灯片
涉及Grida .canvas格式的幻灯片创建
npx skills add gridaco/grida --skill slides -g -y
在 Grida 编辑器中创建和编辑 SVG 文件，支持实时画布渲染、样式规范维护及解析错误恢复。强调先呈现基础帧再逐步完善的工作流，适用于 SVG 文档的生成与修改场景。
用户请求创建新的 SVG 文件
用户请求修改现有的 SVG 文件内容或样式
npx skills add gridaco/grida --skill svg -g -y
Grida AI Agent 系统核心技能，覆盖 @grida/daemon（本地守护进程、HTTP 边界、文件与密钥管理）和 @grida/agent（会话、工具执行、AI 流处理）。适用于相关包编辑、协议变更及 Agent 状态调试。
修改 @grida/daemon 或 @grida/agent 包代码
调试 Agent 会话、流传输或工具调用问题
变更 DaemonServer 生命周期或主机侧边车协议
npx skills add gridaco/grida --skill agent-system -g -y
Grida Desktop Electron Shell技能，涵盖主进程、窗口、菜单、预加载脚本及原生协议集成。用于处理Electron特定UI bug、打包配置、路径作用域桥接安全及CDP/Playwright验证。
调试仅复现于Electron的UI问题
修改Electron主进程或预加载脚本
配置桌面应用打包与发布流程
实现深链接或文件关联功能
npx skills add gridaco/grida --skill desktop -g -y
用于在文档中生成可版本控制的SVG示意图，替代截图以解决过时和体积问题。提供UI行为、手势及前后状态对比的绘图原语和模板。
需要绘制解释UI行为的SVG图
展示手势或交互状态的视觉说明
制作前后对比的示意图
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
建立代码变更前的真实状态，定位权威源并解决冲突。涵盖来源层级、死树陷阱处理及文档索引机制，防止基于过时信息或记忆操作。
执行 grep/find/explore 前
判断多个定义哪个正确时
文档或记忆与代码冲突时
npx skills add gridaco/grida --skill grounding -g -y
一种严格的审查角色，专注于事实核查、逻辑结构和假设验证。通过质疑未证实的前提和模糊概念，识别设计或代码中的潜在风险与缺陷，防止因部分调研不足导致的上线失败。
需要深度技术评审
审查设计文档或PR
验证架构假设的合理性
npx skills add gridaco/grida --skill pedantic -g -y
指导设计 TypeScript/Rust 等 SDK 的核心原则，强调拒绝暴露非必要功能以维持接口稳定。适用于定义跨边界发布的包、FFI 绑定及公共模块的 API 契约与演进策略。
设计或重构面向外部消费者的 SDK 接口
制定多语言包的发布规范与版本兼容性策略
审查公共 API 是否过度暴露内部实现细节
npx skills add gridaco/grida --skill sdk-design -g -y
规范同一作者维护的SDK边界设计，防止因控制双方而产出脏契约。通过模拟独立维护者视角、 adversarial subagent及特性请求协商，确保接口清晰与演进健康。
涉及两个SDK或契约两侧的联合修改
同仓库内跨包或跨模块的接口变更
需要强化架构纪律以避免耦合
npx skills add gridaco/grida --skill sdk-seam -g -y
指导如何处理GRIDSEC安全边界，包括阅读SECURITY.md、grep查找相关文件、执行强制安全审查及注册新ID，确保结构性防漏洞契约不被破坏。
代码或文档中出现GRIDA-SEC标签
修改受GRIDSEC标签保护的文件路径
添加新的防止漏洞记录
npx skills add gridaco/grida --skill security -g -y
提供Grida项目SEO最佳实践，涵盖Next.js页面元数据、Open Graph/Twitter卡片、Sitemap、图片搜索优化及JSON-LD结构化数据。适用于创建或编辑公开页面、博客及文档时的SEO配置与审查。
SEO
metadata
sitemap
open graph
og image
meta tags
search ranking
structured data
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
