GitHub
frontend-design
Enforce a precise, minimal design system for Battery's dashboard UI. Use this skill when building admin interfaces, deployment management screens, or any dashboard components. Inspired by Linear, Notion, and St...
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
web-artifacts-builder
Build and prototype RawDrive UI components with bundling support. Use for creating standalone component demos, prototyping new features, or building shareable HTML previews.
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality for RawDrive. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished co...
GitHub
pinia-documentation-lookup
Look up Pinia documentation for store patterns, API reference, and advanced features. Use when users need specific Pinia implementation details or state management patterns.
GitHub
nuxt-documentation-lookup
Look up official Nuxt documentation for specific APIs, advanced features, or implementation details not covered in repository instructions. Use when precise Nuxt framework information is needed.
GitHub
vueuse-composables
Find and use VueUse composables for common functionality like mouse tracking, local storage, element detection, breakpoints, and browser APIs. Use when users need reactive utilities beyond basic Vue.
GitHub
nuxt-module-finder
Find and compare Nuxt modules for specific features. Use when users need to add functionality via modules (auth, UI, database, etc). Do not use for basic Nuxt concepts.
GitHub
nuxt-ui-theming
Help customize Nuxt UI component themes and colors. Use when users ask about styling, theming, or customizing component appearance.
GitHub
nuxt-ui-component-finder
Find and explore Nuxt UI components with their props, slots, and examples. Use when users ask about available UI components or how to use specific Nuxt UI features.
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
GitHub
component-creation
Proje yapısına uygun React bileşeni oluşturma. shadcn/ui, Tailwind CSS, CVA variants, TypeScript props, 'use client' directive kullanımı. Feature, shared veya ui bileşenleri için doğru dizin yapısı ve naming co...
GitHub
form-builder
React Hook Form + Zod validation ile form oluşturma. shadcn/ui form bileşenleri, validation schemas, error handling, loading states ve form submission. Türkçe hata mesajları ve proje form patterns'ına uygun yap...
GitHub
page-creation
Next.js App Router ile yeni sayfa oluşturma. Dashboard altına yeni modül sayfası, alt sayfalar, loading/error durumları ve layout yapılandırması dahil. Türkçe UI metinleri, PageHeader, breadcrumbs ve proje yapı...
GitHub
styling-with-tailwind-cva
Use when creating design systems or styling components with Tailwind CSS v4 and Class Variance Authority (CVA) - provides type-safe component variants with CSS variables for design tokens
GitHub
building-with-nextjs
Use when building web UIs with Next.js 15+ and React 19 - covers Server Components, App Router, testing with Vitest and Playwright, and accessibility standards
GitHub
react
React and Next.js patterns, hooks, and component architecture.
GitHub
creating-components
Creating React components for StickerNest. Use when the user asks to create a component, build a UI component, add a panel, create a toolbar, build a dialog, or implement any React UI element. Covers component...
GitHub
optimizing-mobile-experience
Optimizing StickerNest for mobile devices and touch interactions. Use when the user asks about mobile responsiveness, touch gestures, pinch-to-zoom, mobile UI, touch targets, viewport handling, safe areas, mobi...
GitHub
creating-zustand-stores
Creating Zustand stores for StickerNest state management. Use when the user asks to create a store, add state management, build a new store, manage global state, persist state, or add new application state. Cov...
GitHub
frontend-styleguide
Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
GitHub
react-component-analyzer
Debug React component issues including TypeScript types, props, state management, hooks, and rendering problems. Use when troubleshooting component not rendering, prop errors, state not updating, hook issues, o...
GitHub
frontend-responsive
Build responsive, mobile-first layouts using fluid containers, standard breakpoints, and adaptive design patterns that work across all screen sizes. Use this skill when implementing responsive layouts, creating...
GitHub
frontend-components
Design and build reusable, composable UI components following single responsibility principle with clear interfaces and proper state management. Use this skill when creating new React components, Vue components...
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é.