Toutes les collections
React + TypeScript
PackNouveau front React/TS : patterns UI, best practices Vercel, a11y, Tailwind/shadcn, types avancés, tests — plus le loop git/PR.
Cette collection Arboris assemble skills et commandes autour d’un même thème. Installe le pack via la CLI ou un ZIP, puis ouvre ton agent pour enchaîner les tâches couvertes. Les éléments listés ci-dessous restent accessibles individuellement dans le catalogue si tu préfères une install à la carte. Objectif : gagner du temps et garder une base commune de prompts de qualité. Chaque skill et chaque commande peut aussi être copié seul, scanné côté sécu, et mis à jour quand le catalogue évolue. Idéal pour standardiser un workflow d’équipe sans imposer un monorepo de prompts.
16 éléments
Commandes · react-ts-starter
/commitCommit Conventional Commits + changelog/semver (message clair, scope, type)./ready-prPrépare une PR — branche, checks, changelog, commit, description MR (sans push)./review-prLance une revue de pull request structurée (risques, tests, clarté)./explain-codeExplique un fichier ou une sélection de code de façon claire et progressive./ncuMet à jour les packages npm du projet avec npm-check-updates (ncu)./lighthouseAudit perf Lighthouse / Core Web Vitals sur une page après changement lourd.
Skills · react-ts-starter
coding-standardsBaseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.frontend-a11yAccessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.frontend-patternsFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.react-patternsReact 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.react-testingReact component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress end-to-end runs. Use when writing or fixing tests for React components, hooks, or pages.shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".tailwind-design-systemBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.typescript-advanced-typesMaster TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.vercel-composition-patternsReact composition patterns that scale. Use when refactoring components withvercel-react-best-practicesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.