pricing-app-frontend
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
Découvrez les skills Entreprise, comparez leurs dépôts et consultez leurs instructions.
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
Hybrid permission system - role-based + user overrides, frontend/backend patterns
Syncs skill metadata to AGENTS.md Auto-invoke sections. Trigger: When updating skill metadata (metadata.scope/metadata.auto_invoke), regenerating Auto-invoke tables, or running ./skills/skill-sync/assets/sync.s...
Pricing calculation engine - markup, ML fees, shipping, tiered commissions, multi-currency
FastAPI backend patterns for Pricing App - SQLAlchemy, Alembic, auth, permissions
MercadoLibre API integration patterns - OAuth, webhooks, item sync, order tracking
Use TanStack Query with SSR/hydration in this repo. Use when creating queries/mutations, defining query keys, integrating loaders, or troubleshooting cache/hydration issues.
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
Use TanStack Table for complex admin grids and data tables. Use when you need sorting/filtering/pagination/column defs beyond a simple list.
Build UI with shadcn/ui primitives and Tailwind, using consistent variants and accessible patterns.
Use Zod to validate and type inputs at boundaries (route params/search params, server functions, DB access). Use when adding validation or debugging input issues.
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
Use Zustand for client state in this repo. Use when you need shared client state, derived selectors, or cross-component UI coordination.
Work with Supabase Postgres + RLS safely. Use when modifying schema/RLS, writing queries, building server-side data access, or debugging backend issues.
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
Integrate Cloudinary for media uploads and delivery. Use when implementing image/video upload flows, transformations, or storage strategy.
Use Chrome DevTools MCP for browser-side dev/test/debug (console, network, performance, UI issues). Trigger when debugging frontend behavior or performance.
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
Work effectively with TanStack Router file-based routing in this repo. Use when adding/changing routes, loaders, route params/search params, or navigation.
Refactor high-complexity React components into smaller, testable pieces with clean hooks and predictable data flow.
[TODO: Complete and informative explanation of what the skill does and when to use it. Include WHEN to use this skill - specific scenarios, file types, or tasks that trigger it.]
Ensures Zod v4 patterns are used correctly throughout the codebase. Apply when creating or modifying validation schemas, form schemas, or any Zod validators. Enforces v4 syntax and prevents deprecated v3 patter...
Optimizes Playwright E2E tests by removing waitForTimeout anti-patterns, implementing smart waits, and enabling test sharding for parallel execution. Use when tests timeout, CI execution exceeds limits, or test...
Manages LibSQL/Turso database schemas with Zod validation, creates migrations, and ensures type-safe database operations. Use when creating database tables, writing migrations, or implementing schema validation...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.