52 lines
1.8 KiB
Markdown
52 lines
1.8 KiB
Markdown
# Next Steps
|
|
|
|
## Immediate Actions
|
|
|
|
1. Générer les maquettes haute-fidélité (v0, Lovable, ou Figma)
|
|
2. Setup le projet avec shadcn/ui et configurer le thème
|
|
3. Implémenter le Layout principal (sidebar + header)
|
|
4. Développer le Dashboard avec widgets mockés
|
|
|
|
## Design Handoff Checklist
|
|
|
|
- [x] All user flows documented
|
|
- [x] Component inventory complete
|
|
- [x] Accessibility requirements defined
|
|
- [x] Responsive strategy clear
|
|
- [x] Brand guidelines incorporated
|
|
- [x] Performance goals established
|
|
|
|
## Prompt v0.dev (Dashboard)
|
|
|
|
```
|
|
Create a dark mode dashboard for a Dofus MMORPG character management app called "Dofus Manager".
|
|
|
|
Layout:
|
|
- Left sidebar (240px) with navigation: Dashboard (active), Characters, Accounts, Teams, Settings
|
|
- Main content area with widgets grid
|
|
|
|
Widgets (3 columns on desktop):
|
|
1. "Comptes" card: showing "12 comptes" and "45,230 ogrines" with folder icon
|
|
2. "Personnages" card: showing "64 personnages" and "Niv. moy: 198" with users icon
|
|
3. "Teams" card: showing "3 actives" and "87% complete" with swords icon
|
|
4. "Monnaies" card (spans 2 cols): list of currencies with amounts
|
|
5. "Progressions" card: progress bars for Dofus, Donjons, Recherchés
|
|
6. "Actions rapides" section: buttons for + Personnage, + Team, Bulk Progressions, Sync
|
|
|
|
Style: shadcn/ui, dark slate background (#0F172A), blue primary (#60A5FA), Inter font 14px
|
|
```
|
|
|
|
## Prompt v0.dev (Liste Personnages)
|
|
|
|
```
|
|
Create a character list page for "Dofus Manager" with filters sidebar.
|
|
|
|
Layout:
|
|
- Left filter sidebar (250px): Classe checkboxes, Serveur checkboxes, Progression filter
|
|
- Main data table: checkbox, Nom, Classe, Niveau, Serveur, Compte columns
|
|
- Top bar: search input, bulk actions when selected, + Ajouter button
|
|
- Pagination at bottom
|
|
|
|
Style: Dark mode, shadcn/ui, dense table rows (48px height), hover shows edit/delete icons
|
|
```
|