Stack curée pour
Dev frontend
Du design propre, du code propre, du dark mode partout.
Pour le dev front qui prend le design au sérieux : composition React, design tokens, animations fines, accessibilité. Stack centrée sur Next.js + Vercel + shadcn.
Outils essentiels
La sélection minimale pour couvrir le quotidien de ce profil.
Cursor
IDE IA révolutionnaire intégrant GPT-4 et Claude pour coder en langage naturel, 2-3x plus rapide que le code traditionnel.
Claude Code
Agent IA d'Anthropic qui code, debugge et déploie depuis le terminal ou l'IDE.
Vercel
L'hébergeur Next.js par excellence : edge functions, preview deploys par PR, analytics, IA SDK.
GitHub
Hosting code, PRs, issues, Actions CI/CD, Codespaces. Le standard absolu du dev en équipe. MCP + CLI officiels pour piloter via Claude.
Figma
Le standard du design UI/UX collaboratif. Figma AI, FigJam, Dev Mode. Adobe-acquis (annulé), désormais indépendant.
MCP à brancher dans Claude Code
Permet à Claude de piloter ces outils en langage naturel. Setup : commande dans la doc d'install.
Le standard du design UI/UX collaboratif. Figma AI, FigJam, Dev Mode. Adobe-acquis (annulé), désormais indépendant.
L'hébergeur Next.js par excellence : edge functions, preview deploys par PR, analytics, IA SDK.
Hosting code, PRs, issues, Actions CI/CD, Codespaces. Le standard absolu du dev en équipe. MCP + CLI officiels pour piloter via Claude.
CLIs à installer
Tu lances ces commandes depuis ton terminal. Claude Code peut les exécuter via bash.
Agent IA d'Anthropic qui code, debugge et déploie depuis le terminal ou l'IDE.
L'hébergeur Next.js par excellence : edge functions, preview deploys par PR, analytics, IA SDK.
Hosting code, PRs, issues, Actions CI/CD, Codespaces. Le standard absolu du dev en équipe. MCP + CLI officiels pour piloter via Claude.
Skills Claude à activer
Workflows pré-écrits que Claude charge quand le contexte matche. Install via marketplace ou fichier local.
shadcn
Manage les components shadcn et les projets : add, search, fix, debug, style, compose UI. Pour shadcn/ui, registries, presets.
design
Design UI/UX complet : shadcn/Radix, palettes, polices, design system et tokens, extraction depuis un site, review code UI vs guidelines, polish.
design-boris
Routeur design perso : oriente vers le bon skill interne + le bon outil externe selon le besoin (web, UI, brand, image, slides, design system).
next-best-practices
Best practices Next.js : file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, perf.
vercel
Best practices React/Next.js/React Native (guidelines Vercel) : perf, composition patterns, mobile.
site-architecture
Planifie/restructure le sitemap d'un site : hiérarchie, navigation, URLs, internal linking. Pour info architecture.
test-dev
Qualité dev : debug systématique, TDD, vérification avant de claim "fini", demander/recevoir une code review.
addy-perf
Optimise les perfs d'app : Core Web Vitals, load times, regressions, profiling et fix de bottlenecks.
Tu vois quelque chose qui manque ?
Cette stack est curée à la main, pas générée. Si tu utilises un outil ou une skill qui devrait y être, ping moi sur hierso.boris@gmail.com. Pour explorer plus large : les 229 outils ou les 230 skills.