Dashboard
技能 已验证 活跃使用此技能为 InsForge 的共享仪表板包做贡献。这适用于维护者,他们将编辑 `packages/dashboard`,该包在 `self-hosting` 和 `cloud-hosting` 模式下发布,以及此仓库中用于 `self-hosting` 的本地 `frontend/` shell。
指导为 InsForge 共享仪表板包做贡献的开发者,确保遵守项目结构、编码约定和特定模式的要求。
功能
- 关于包结构和边界的指导
- 数据流和组件重用规则
- 本地调试 cloud-hosting UI 的说明
- 贡献工作流的验证步骤
使用场景
- 为 `packages/dashboard` 目录贡献代码。
- 为自托管模式编辑 `frontend/` shell。
- 在本地自托管环境中预览仅 cloud-hosting 的 UI。
- 确保数据流和组件使用的一致性。
非目标
- 开发仪表板包或前端 shell 之外的功能。
- 进行破坏 `self-hosting` 或 `cloud-hosting` 模式的更改。
- 忽略现有的组件层或数据流约定。
安装
npx skills add InsForge/InsForge通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Insforge Dev
76使用此技能集为 InsForge 单体仓库本身做出贡献。这适用于编辑平台、共享仪表板包、自托管 shell、UI 库、共享模式、测试或文档的 InsForge 维护者和贡献者。
Measure Dashboard Requirements
100Specifies requirements for an analytics dashboard including metrics, visualizations, filters, and data sources. Use when requesting dashboards from data teams, defining KPI tracking, or documenting reporting needs.
Ops Revenue
100Revenue and costs tracker. AWS spend via aws ce, credits tracker, project revenue stages. Shows burn rate, runway estimate, credits expiring.
Understand Dashboard
100启动交互式 Web 仪表板,以可视化代码库的知识图谱