florian.wilde/code-vorlage
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
a8b196e92b80f732fb003623e65ba96617ec835b
code-vorlage/.claude/skills/frontend/checklist.md
T

1.4 KiB
Raw Blame History

Frontend Implementation Checklist

Before marking frontend as complete:

shadcn/ui

  • Checked shadcn/ui for EVERY UI component needed
  • No custom duplicates of shadcn components created
  • Missing shadcn components installed via npx shadcn@latest add

Existing Code

  • Checked existing project components via git ls-files src/components/
  • Reused existing components where possible

Design

  • Design preferences clarified with user (if no mockups)
  • Component architecture from Solution Architect followed

Implementation

  • All planned components implemented
  • All components use Tailwind CSS (no inline styles, no CSS modules)
  • Loading states implemented (spinner/skeleton during data fetches)
  • Error states implemented (user-friendly error messages)
  • Empty states implemented ("No data yet" messages)

Quality

  • Responsive: Mobile (375px), Tablet (768px), Desktop (1440px)
  • Accessibility: Semantic HTML, ARIA labels, keyboard navigation
  • TypeScript: No errors (npm run build passes)
  • ESLint: No warnings (npm run lint)

Verification (run before marking complete)

  • npm run build passes without errors
  • All acceptance criteria from feature spec addressed in UI
  • features/INDEX.md status updated to "In Progress"

Completion

  • User has reviewed and approved the UI in browser
  • Code committed to git
Reference in New Issue View Git Blame Copy Permalink