Sitewright

Projects

Team work in one place: an overview with burndown, a full-height kanban with swimlanes, WIP limits and a task drawer, a Gantt timeline with dependencies, and a per-person weekly workload heatmap you can rebalance.

What it is for

Project and sprint management, agency and team tools.

Add it to a site

1 · site.json
"effects": { "templates": ["project-dashboard"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates project-dashboard
2 · import it
import ProjectDashboard from '@/components/fx/tpl/ProjectDashboard';

Files

  • components/fx/tpl/ProjectDashboard.tsx
  • components/fx/tpl/_projectviews.tsx
  • components/fx/tpl/_projectboard.tsx
  • components/fx/tpl/_project.tsx
  • components/fx/tpl/_projectdata.tsx
  • components/fx/tpl/_projectstore.tsx
  • components/fx/tpl/_projectboardview.tsx
  • components/fx/tpl/_projectdrawer.tsx
  • components/fx/tpl/_projecttimeline.tsx
  • components/fx/tpl/_projectworkload.tsx
  • components/fx/tpl/_dash.tsx
  • tpl-dash.css styles
  • tpl-project-dashboard.css styles
  • tpl-project-views.css styles

About it

Original to Sitewright. MIT licensed. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.