Files

T

“alexvisualmakers” a893084a88 feat: Add path scoping to rules and enforce project init workflow

- Add paths frontmatter to frontend, backend, and security rules so
  they only load when editing relevant files
- Add mandatory new-project detection to general rules that redirects
  to /requirements before any implementation
- Add write-then-verify protocol for feature tracking updates to
  prevent hallucinated file edits

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-03-10 15:11:43 +01:00

1.4 KiB

Raw Blame History

paths

src/components/**

src/app/**/page.tsx

src/app/**/layout.tsx

src/hooks/**

Frontend Development Rules

shadcn/ui First (MANDATORY)

Before creating ANY UI component, check if shadcn/ui has it: ls src/components/ui/
NEVER create custom implementations of: Button, Input, Select, Checkbox, Switch, Dialog, Modal, Alert, Toast, Table, Tabs, Card, Badge, Dropdown, Popover, Tooltip, Navigation, Sidebar, Breadcrumb
If a shadcn component is missing, install it: npx shadcn@latest add <name> --yes
Custom components are ONLY for business-specific compositions that internally use shadcn primitives

Import Pattern

import { Button } from "@/components/ui/button"
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"

Component Standards

Use Tailwind CSS exclusively (no inline styles, no CSS modules)
All components must be responsive (mobile 375px, tablet 768px, desktop 1440px)
Implement loading states, error states, and empty states
Use semantic HTML and ARIA labels for accessibility
Keep components small and focused
Use TypeScript interfaces for all props

Auth Best Practices (Supabase)

Use window.location.href for post-login redirect (not router.push)
Always verify data.session exists before redirecting
Always reset loading state in all code paths (success, error, finally)

1.4 KiB Raw Blame History

Frontend Development Rules

shadcn/ui First (MANDATORY)

Import Pattern

Component Standards

Auth Best Practices (Supabase)

1.4 KiB

Raw Blame History