Add shadcn/ui + Tailwind CSS to stack; update STATUS.md and changelog

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-17 12:18:44 +02:00
parent 09555f3470
commit 9e2e4ec338
3 changed files with 16 additions and 2 deletions
@@ -9,6 +9,8 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 | Backend | FastAPI (async), SQLAlchemy 2 (async), Alembic, PostgreSQL |
 | Auth | JWT via `python-jose`, bcrypt via `bcrypt` (direct, no passlib) |
 | Frontend | React 18, TypeScript, Vite, React Router v6, TanStack Query, Axios |
+| UI Library | shadcn/ui (Radix primitives + Tailwind CSS) |
+| Styling | Tailwind CSS v3, CSS custom properties for theme tokens |
 | Dev DB | PostgreSQL 16 via Docker Compose |

 ## Commands
@@ -11,3 +11,15 @@

 **Files Added:**
 - `changelog/2026-04-17_switch-penpot-to-figma.md` — this entry
+
+---
+
+# 2026-04-17 — Adopt shadcn/ui + Tailwind CSS as UI layer
+
+**Timestamp:** 2026-04-17T00:00:00
+
+**Summary:** Confirmed shadcn/ui + Tailwind CSS as the UI component library and styling system. Updated CLAUDE.md stack table and frontend/STATUS.md to reflect this decision.
+
+**Files Modified:**
+- `CLAUDE.md` — added UI Library (shadcn/ui) and Styling (Tailwind CSS v3) rows to Stack table
+- `frontend/STATUS.md` — marked shadcn/ui checklist item as done; updated Known limitations note from "evaluation pending" to "adoption in progress"
@@ -131,7 +131,7 @@ Key functions:
 - **JWT in `localStorage`** — XSS risk; migrate to `httpOnly` cookie when backend supports it
 - **No toast / notification system** — errors shown inline; success is silent
 - **No loading skeletons** — "Loading…" text only
- **No UI component library** — raw inline styles throughout; Figma + shadcn/ui evaluation pending
+- **No UI component library** — raw inline styles throughout; shadcn/ui + Tailwind CSS adoption in progress
 - **No group/sharing UI** — blocked on backend groups system
 - **No app permission UI** — all apps visible to all authenticated users

@@ -139,7 +139,7 @@ Key functions:

 ## Future work

- [ ] UI component library decision (shadcn/ui recommended) + Figma design system
+- [x] UI component library: shadcn/ui + Tailwind CSS confirmed
 - [ ] Toast notification system (upload success, save feedback, errors)
 - [ ] Loading skeletons
 - [ ] `POST /queue/jobs` integration — show AI processing queue status / progress per document