GitHub
sikhaid-styling
Use when working on UI, styling, colors, or design in SikhAid project. Covers brand colors (navy/orange), Tailwind CSS patterns, custom animations, typography, responsive design, and the design system.
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
sikhaid-components
Use when creating, modifying, or understanding Svelte components in SikhAid project. Covers component naming conventions, file organization, component hierarchy, import patterns, and reusable UI patterns.
GitHub
sikhaid-data
Use when working with data, state management, Firebase, or Firestore in SikhAid project. Covers Svelte stores, data flow patterns, Firebase initialization, Firestore CRUD operations, and data types.
GitHub
flutter-riverpod-expert
Expert knowledge in Flutter Riverpod state management (2025 best practices). Use when working with Riverpod, Flutter state management, AsyncNotifier, provider types, code generation with riverpod_generator, sta...
GitHub
radix-ui
Use for accessible React primitives when shadcn doesn't have the component you need
GitHub
frontend-design
Use for any frontend UI implementation - orchestrates tailwind-ui, shadcn, and radix-ui in the correct order
GitHub
shadcn
Use for React component implementation with shadcn/ui - accessible, customizable components
GitHub
headless-ui
Build headless UI hooks that encapsulate data fetching, state management, routing, and mutations without UI rendering. The presenter layer in MVP architecture. Use when: building page-level hooks, creating dom...
GitHub
component-patterns
Build well-structured React components using variant patterns, pure components, and container patterns. Provides patterns for component organization, type safety, and separation of concerns. Use when: building...
GitHub
fullstack-app
Guidance for building fullstack apps with Vite (React + TypeScript) frontend and FastAPI backend. Use when demos need a web UI beyond what Streamlit provides.
GitHub
react-component
Create React components following Atomic Design and project patterns. Use when asked to create a new component, build UI, or implement a feature with React.
GitHub
compose-screen-shipper
Generate or refactor Jetpack Compose screens from short specs or existing files, wire Navigation Compose routes/args/deep links, and connect MVVM + UiState + events with previews and strings. Use when adding or...
GitHub
nextjs-firebase
Comprehensive guide for building Next.js 15.5+ applications with Firebase, including App Router, TypeScript, MUI v7, Turbopack production builds (beta), and Firebase services. Use when configuring Next.js proje...
GitHub
mui-v7-mastery
Guia completo de MUI V7 para React + TypeScript. Ensina migração V6→V7, design responsivo avançado, theming profissional, padrões de componentes e detecção automática de sintaxe antiga. Use quando criar dashboa...
GitHub
react-component-creator
创建符合项目规范的 React 组件，应用 Positivus 设计系统
GitHub
react
Comprehensive React best practices for building scalable web applications with feature-based architecture, TypeScript, state management patterns, performance optimization, and testing guidelines. Use when creat...
GitHub
material-design
Create UI components and designs following Google Material Design 3 (Material You) guidelines. Use when building Material UI components, implementing Material theming, working with elevation, color systems, typ...
GitHub
react-native-i18n-workflow
Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text, supporting additional languages, or implementing pluralization and interpolation in Purr...
GitHub
mobx-state-tree-store-builder
Automates creation of MobX State Tree stores following Purrsuit Mobile App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing st...
GitHub
mobx-state-tree-store-builder
Automates creation of MobX State Tree stores following Fitness Tracker App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing st...
GitHub
react-native-i18n-workflow
Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text, supporting additional languages, or implementing pluralization and interpolation in Fitn...
GitHub
shadcn-customization
Use when building React UIs with shadcn/ui that need cohesive, distinctive styling beyond defaults - provides systematic approach to theme tokens, component variants, related component groups, animations, and d...
GitHub
interaction-design
Create rich, responsive interactive experiences that make applications a joy to use. Use this skill when building components with user interactions, forms, data-heavy interfaces, or any feature requiring though...
GitHub
route-transition-tracking
Measure time from navigation to page fully loaded and interactive. Use when tracking SPA navigation, route changes, or slow page transitions.
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é.