dofus-manager/docs/front-end-spec/next-steps.md

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

• All user flows documented
• Component inventory complete
• Accessibility requirements defined
• Responsive strategy clear
• Brand guidelines incorporated
• 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