rust-expert
Expert Rust development including ownership, lifetimes, async, and systems programming
Expert Rust development including ownership, lifetimes, async, and systems programming
Use when creating or editing reveal.js presentations, or when user mentions slides, presentations, reveal.js, code examples in slides, speaker notes, or slide design - enforces Tailwind CSS, proper code sizing, progressive reveal, semantic colors, and timing markers
Senior expert in Tailwind CSS 4.0, CSS-First architecture, and modern Design Systems.
useSearchParams hook in Next.js. REQUIRES 'use client' + Suspense wrapper. Read URL query params: .get(), .getAll(), .has(). Update via router.push().
前端数据流与状态管理规范。涵盖 TanStack Query (React Query) 的使用模式、Query Keys 结构、API SDK 集成以及交互反馈标准。
Implements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. Follows design specs from ui-ux-designer, implements responsive design, and ensures accessibility.
Ensures every UI component looks modern and professional. Enforces clean minimal design, neutral color palettes, consistent spacing (8px grid), clear typography hierarchy, and proper interactive states. No gradients, no clutter.
Add shadcn/ui components to this project. Use when user mentions "add component", "install shadcn", "need a dialog/button/card", or references ui.shadcn.com.
Use when creating ENT components/pages/stores or agent violates Vue 2 patterns - enforces ENT-specific rules and prevents common rationalizations about Vue 3, custom CSS, v-slot syntax, and fetch API
Use when planning or implementing Vue 3 projects - helps architect component structure, plan feature implementation, and enforce TypeScript-first patterns with Composition API, defineModel for bindings, Testing Library for user-behavior tests, and MSW for API mocking. Especially useful in planning phase to guide proper patterns before writing code.
Teaches Context API patterns in React 19 including use() hook for conditional context access. Use when implementing Context, avoiding prop drilling, or managing global state.
Adds reactive and declarative behavior to HTML with minimal JavaScript using Alpine.js directives. Use when adding lightweight interactivity to server-rendered pages, building interactive components without a build step, or when user mentions Alpine.js, x-data, or Tailwind-style reactivity. Triggers: "alpine", "alpine.js", "x-data", "x-bind", "x-on", "tailwind interactivity".
Design and build reusable, composable UI components following Single Responsibility Principle with clear prop interfaces, minimal state, and proper encapsulation. Use this skill when creating or modifying React components, Vue components, Angular components, Svelte components, or Web Components. Use when working with component files (.tsx, .jsx, .vue, .svelte, .component.ts) in component directories. Use when designing component APIs with props and prop types, implementing component composition patterns, managing local component state, or creating reusable design system components. Use when refactoring large components into smaller focused ones, defining component documentation and usage examples, or building component libraries.
Guide for developing Storybook stories for CSS components in `@madogiwa-ui/css`.
Next.js 15 App Router patterns for Server/Client Components, async params, layouts, route handlers, Server Actions, and data fetching. Use when creating routes, pages, layouts, API endpoints, or implementing form submissions with revalidation.
Realtime subscriptions and optimistic updates in Convex. Use when implementing live data updates, optimistic UI, pagination with realtime, presence indicators, typing indicators, or any feature requiring instant data synchronization.
Validates that shadcn/ui components are used instead of raw HTML elements in React components. Use when reviewing or implementing frontend code to ensure component library compliance and maintain consistent UI patterns.
shadcn/vue UI components for Vue 3: Button, Dialog, Form, Table, and theming. WHEN: Using shadcn-vue components, installing components via CLI, theming/dark mode, forms with VeeValidate/Zod, implementing shadcn patterns. WHEN NOT: Other UI libraries (Vuetify, PrimeVue), general Vue development (use vuejs-dev), charts (use vuejs-apex-charts).
Expert développement front-end moderne avec HTML, CSS, JavaScript/TypeScript et frameworks. Utilise ce skill quand: (1) développement d'interfaces utilisateur, (2) intégration de maquettes, (3) optimisation des performances front, (4) accessibilité web (a11y), (5) responsive design, (6) animations et interactions.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.