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.
☆ 0View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
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.
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
GitHub
radix-ui
Use for accessible React primitives when shadcn doesn't have the component you need
☆ 0View skill
GitHub
frontend-design
Use for any frontend UI implementation - orchestrates tailwind-ui, shadcn, and radix-ui in the correct order
☆ 0View skill
GitHub
shadcn
Use for React component implementation with shadcn/ui - accessible, customizable components
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
react-component-creator
创建符合项目规范的 React 组件，应用 Positivus 设计系统
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.