GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
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
brocoders-boilerplate-setup
Full-stack setup with Brocoders NestJS backend and Extensive React frontend boilerplates.
GitHub
tailwind-css
Use when implementing Tailwind CSS styling. Prefer utility-first composition and responsive patterns.
GitHub
tailwind-v4
Use when working on Tailwind v4. Watch for deprecated utilities and updated configuration patterns.
GitHub
nextjs-skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
GitHub
web-artifacts-builder
Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.
GitHub
sveltekit-svelte5-tailwind-skill
Use for SvelteKit 2 + Svelte 5 + Tailwind v4 projects. Keep SSR/client boundaries and Tailwind config consistent.
GitHub
neumorphism-design
Comprehensive guide and utilities for applying Neumorphism (Soft UI) to the MyAsset project.
GitHub
automation-design-system
Criar ou evoluir um Design System reutilizavel no frontend do app de automacao com base no artefato UI.md (tokens + HTML/CSS do Stitch). Use quando for necessario implementar tokens globais, componentizar UI (B...
GitHub
client
React/Vite web client with local-first architecture using Dexie for IndexedDB. Use when building UI components, implementing offline-first patterns, or working on sync logic in apps/client/.
GitHub
typescript-async-patterns
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.
GitHub
typescript-utility-types
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
GitHub
design-system
Portfolio design tokens, CSS variables, and component patterns. Use when editing HTML, CSS, or styling portfolio pages.
GitHub
ux-architect
UX Flow Architect for Enterprise SaaS that reduces friction for shop owners. Use when designing user flows, improving navigation, or reviewing usability.
GitHub
design-system
Design System Enforcer that maintains visual consistency at scale. Use when creating UI, reviewing styles, or ensuring brand consistency.
GitHub
performance
Performance & React Optimization Engineer that makes the app feel instant. Use when optimizing load times, fixing re-renders, or reviewing component efficiency.
GitHub
convex-react-integration
Complete Convex backend integration patterns for React applications with Clerk authentication. Use this skill when setting up Convex with React, implementing CRUD operations, file uploads, rate limiting, or ext...
GitHub
premium-dark-ui
Premium dark glassmorphic UI design system for React applications. Use this skill when building dark-themed interfaces with glass effects, rim lighting, multi-layer cards, and polished animations. Triggers on r...
GitHub
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React...
GitHub
angular-migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing l...
GitHub
expo-modules
Guide for authoring and developing Expo modules using the Expo Modules API.
GitHub
heroui
Build accessible UIs using HeroUI v3 components (React + Tailwind CSS v4 + React Aria). Use when creating React interfaces, selecting UI components, implementing forms, navigation, overlays, or data display. Us...
GitHub
tailwind
Audit and fix Tailwind CSS anti-patterns. Enforces spacing direction (bottom-only), size-* usage, gap preference, 8px grid, and other best practices.
GitHub
server-sent-events
Server-Sent Events (SSE) for real-time progress updates in Next.js/Vercel. TransformStream patterns, client consumption, progress tracking.
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é.