5.1 KiB
5.1 KiB
RenewCMS design
The visual spec of record for the back-office SPA and the transactional emails, exported from Claude Design. features/ stays the behavioural spec; if the two disagree, stop and ask. Agents read this folder and never edit it; a design change is a new export.
Files
| File | What it holds |
|---|---|
routes.md |
Every route: layout, auth requirement, page component, API calls |
components.md |
The component inventory with its Nuxt UI mapping, props, emits and slots, then the full component and primitive specs |
states.md |
Every state of every screen with its trigger, and the HTTP-status-to-copy table |
screens/<screen>.md |
One file per screen: route, API, and per state the exact copy, fields, alerts, dialogs and toasts |
foundations.md |
Colors, contrast, type, spacing, motion and icons, and where the token files are |
emails.md |
The three email templates and their variables |
source/ |
The raw Claude Design export. Open the .dc.html boards in a browser for the drawings (they load support.js locally and fonts from Google). |
Screens
| Screen | Route | States | Board |
|---|---|---|---|
| Log in | /login |
9 | source/RenewCMS Screens Auth.dc.html |
| Register | /register |
6 | source/RenewCMS Screens Auth.dc.html |
| Pending | /register/pending |
6 | source/RenewCMS Screens Auth.dc.html |
| Verify | /register/validate?c=CODE |
6 | source/RenewCMS Screens Auth.dc.html |
| Forgot password | /register/reset/request |
6 | source/RenewCMS Screens Auth.dc.html |
| Reset password | /register/reset/validate?c=CODE&email=EMAIL |
7 | source/RenewCMS Screens Auth.dc.html |
| Boot | any route, first load |
1 | source/RenewCMS Screens Back-office.dc.html |
| Home | /home |
6 | source/RenewCMS Screens Back-office.dc.html |
| Articles | /article |
14 | source/RenewCMS Screens Back-office.dc.html |
| New article | modal from anywhere · /article/new |
5 | source/RenewCMS Screens Back-office.dc.html |
| Editor | /article/:id/edit |
22 | source/RenewCMS Screens Back-office.dc.html |
| Media | /media |
41 | source/RenewCMS Screens Back-office.dc.html |
| Media picker | /article/:id/edit (dialog) |
13 | source/RenewCMS Screens Back-office.dc.html |
| Integration | /integration |
8 | source/RenewCMS Screens Back-office.dc.html |
| API keys | /integration/api-keys |
12 | source/RenewCMS Screens API keys.dc.html |
| Activity | /activity |
9 (plus 6 details, 3 My activity) | source/RenewCMS Screens Activity.dc.html |
| Users | /users |
17 | source/RenewCMS Screens Back-office.dc.html |
| Settings | /settings |
25 | source/RenewCMS Screens Back-office.dc.html, source/RenewCMS Screens Media cleanup.dc.html |
| Profile | /profile |
13 | source/RenewCMS Screens Back-office.dc.html |
| Accept invite | /invite/accept?c=CODE |
9 | source/RenewCMS Screens Auth.dc.html |
| Global | any route |
4 | source/RenewCMS Screens Back-office.dc.html |
Other boards
source/ActivityFrame.dc.html: the frame that draws every Activity state, the Home card and the Settings retention card (the Activity board imports it). Its copy, component and API tables are insource/activity-spec.js. It holds the exact values. Home and Settings are drawn around dashed placeholders.source/MediaFrame.dc.html: the frame that draws the Media and Media picker states (the Back-office board imports it). LikeAppFrame.dc.html, it holds the exact values.source/SettingsFrame.dc.html: the Media cleanup card and its purge dialog (the Media cleanup board imports it, withMediaFrame.dc.htmlfor the Duplicates toolbar button). They hold the exact values.source/IntegrationPage.dc.htmlandsource/ApiKeysPage.dc.html: the page components for the Integration and API keys screens (imported byAppFrame.dc.html). They hold the exact values.source/RenewCMS Prototype.dc.html: the clickable flows (first run, edit and publish, password reset, delete, session expiry mid-edit).source/RenewCMS Handoff.dc.html: the handoff page the first markdown here was generated from. It predates the Users and Profile screens and the invitation email, so it does not list them. Those are written by hand from the Back-office board,AppFrame.dc.html, the Prototype andemails/invitation.html.source/RenewCMS Components Product.dc.html: not regenerated for the new screens either. The matching component changes are incomponents.md, under "Added with the Users and Profile screens" and "Added with roles, invite actions and Settings".source/RenewCMS Directions.dc.html: the three brand directions (history only).