canadalogin-partner-portal

Convert a grill-me conversation plus real codebase evidence into a complete OpenSpec change with proposal, design, specs, and tasks ready for implementation.

Build Government of Canada web pages and applications using the GC Design System (GCDS). Use this skill whenever the user asks to build, design, or code anything for a Government of Canada (GC) website, Canada.ca page, federal government digital service, or any product that must follow GC brand standards. Trigger for: "GC Design System", "gcds", "Canada.ca page", "government of Canada website", "federal government app", "gc-design", "bilingual government page", "GC web component". This skill covers installation, all native GCDS components (Web Components + React), CSS Shortcuts utility classes, design tokens, page templates, AND advanced gap-filling components (Modal, Rich Card, Tabs, Badge, Toast, Skeleton) built with GCDS design language + shadcn/Tailwind.

Use when adding backend features, fixing backend bugs, or refactoring the FastAPI backend in this repository, especially when work touches FastAPI routes, services, SQLAlchemy models, Alembic migrations, Casbin access control, or protected admin resources.

Use when adding frontend features, fixing frontend bugs, or refactoring the Vite and React frontend in this repository, especially when work touches TanStack Router routes, feature pages, shared UI wrappers, React Query, Zustand auth state, fetch helpers, or frontend tests.