port-dashboards
Build and update Port dashboard pages: widgets (table, number chart, pie chart, bar chart, multi-line chart, markdown, iframe, links, action card, action-runs table, entity details, AI agent), the 12-column row layout, sidebar placement, and private-page rules. Covers dataset filter syntax so a widget shows the entities you expect instead of an empty or wrong result. Use when asked to "build a Port dashboard", "add a widget to a dashboard page", "create a number chart / pie chart / table widget in Port", "why is my Port widget empty", "make this dashboard page private", or "where should this dashboard go in the sidebar". For building a custom plugin widget (your own React iframe), use the nested port-dashboard-plugins skill instead.
- Version
- 1.0.0
- License
- MIT
- Compatibility
- Claude Code, Cursor, Codex CLI, GitHub Copilot
Pinned to revision 4e8964e24a5a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/port-dashboards/SKILL.md
- skills/port-dashboards/LICENSE
- skills/port-dashboards/port-dashboard-plugins/SKILL.md
- skills/port-dashboards/port-dashboard-plugins/assets/template-App.css
- skills/port-dashboards/port-dashboard-plugins/assets/template-App.tsx
- skills/port-dashboards/port-dashboard-plugins/assets/template-README.md
- skills/port-dashboards/port-dashboard-plugins/assets/template-config.ts
- skills/port-dashboards/port-dashboard-plugins/assets/template-index.html
- skills/port-dashboards/port-dashboard-plugins/assets/template-index.tsx
- skills/port-dashboards/port-dashboard-plugins/assets/template-package.json
- skills/port-dashboards/port-dashboard-plugins/assets/template-resolveHostEntity.ts
- skills/port-dashboards/port-dashboard-plugins/assets/template-tsconfig.json
- skills/port-dashboards/port-dashboard-plugins/assets/template-types.ts
- skills/port-dashboards/port-dashboard-plugins/assets/template-upload-params.json
- skills/port-dashboards/port-dashboard-plugins/assets/template-usePostMessageData.ts
- skills/port-dashboards/port-dashboard-plugins/assets/template-useScrollMirror.ts
- skills/port-dashboards/port-dashboard-plugins/assets/template-webpack.config.js
- skills/port-dashboards/port-dashboard-plugins/assets/webpack/lodash-root-shim.js
- skills/port-dashboards/references/dashboards.md
Every link opens the file at its source, pinned to the revision this page describes.