// Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system
The contract every new or modified API endpoint must follow so it is correct for the public OpenAPI spec, the MCP server (npm @trycompai/mcp-server), the ValidationPipe, and the docs. Triggers on "new endpoint", "add API", "new DTO", "@Body", "@RequirePermission", "MCP tool", "edit controller in apps/api", "OpenAPI", or whenever editing controllers under apps/api/src/.
MUST run after writing or modifying code — reviews changed files for verbose patterns, inconsistencies, and readability issues before considering work done
Use when changing Comp AI billing, Stripe products/prices, subscription checkout, org payment methods, entitlements, usage ledgers, invoices, or billing webhooks.
Audit & fix hooks and API usage patterns — eliminate server actions, raw fetch, and stale patterns
Audit & fix RBAC and audit log compliance in API endpoints and frontend components
Audit & fix unit tests for permission-gated components
| name | audit-design-system |
| description | Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system |
Audit the specified files for design system compliance. Fix every issue found immediately.
@trycompai/design-system is the primary component library. @trycompai/ui is legacy — only use as last resort when no DS equivalent exists.@trycompai/ui. Run node -e "console.log(Object.keys(require('@trycompai/design-system')))" to check.@trycompai/design-system/icons (Carbon icons), NOT lucide-react. Check with node -e "const i = require('@trycompai/design-system/icons'); console.log(Object.keys(i).filter(k => k.match(/YourSearch/i)))".className: Text, Stack, HStack, Badge, Button — wrap in <div> for custom styling.Button with loading, iconLeft, iconRight props instead of manually rendering spinners/icons.PageLayout, PageHeader, Stack, HStack, Section, SettingGroup.Sheet > SheetContent > SheetHeader + SheetBody), Drawer, Collapsible.$ARGUMENTS@trycompai/ui imports — check if DS equivalent existslucide-react imports — find matching Carbon iconsbunx turbo run typecheck --filter=@trycompai/app