GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 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
brocoders-boilerplate-setup
Full-stack setup with Brocoders NestJS backend and Extensive React frontend boilerplates.
☆ 0View skill
GitHub
tailwind-css
Use when implementing Tailwind CSS styling. Prefer utility-first composition and responsive patterns.
☆ 0View skill
GitHub
tailwind-v4
Use when working on Tailwind v4. Watch for deprecated utilities and updated configuration patterns.
☆ 0View skill
GitHub
nextjs-skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
☆ 0View skill
GitHub
web-artifacts-builder
Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.
☆ 0View skill
GitHub
sveltekit-svelte5-tailwind-skill
Use for SvelteKit 2 + Svelte 5 + Tailwind v4 projects. Keep SSR/client boundaries and Tailwind config consistent.
☆ 0View skill
GitHub
neumorphism-design
Comprehensive guide and utilities for applying Neumorphism (Soft UI) to the MyAsset project.
☆ 0View skill
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...
☆ 0View skill
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/.
☆ 0View skill
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.
☆ 0View skill
GitHub
typescript-utility-types
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
☆ 0View skill
GitHub
design-system
Portfolio design tokens, CSS variables, and component patterns. Use when editing HTML, CSS, or styling portfolio pages.
☆ 0View skill
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.
☆ 0View skill
GitHub
design-system
Design System Enforcer that maintains visual consistency at scale. Use when creating UI, reviewing styles, or ensuring brand consistency.
☆ 0View skill
GitHub
performance
Performance & React Optimization Engineer that makes the app feel instant. Use when optimizing load times, fixing re-renders, or reviewing component efficiency.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
expo-modules
Guide for authoring and developing Expo modules using the Expo Modules API.
☆ 0View skill
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...
☆ 0View skill
GitHub
tailwind
Audit and fix Tailwind CSS anti-patterns. Enforces spacing direction (bottom-only), size-* usage, gap preference, 8px grid, and other best practices.
☆ 0View skill
GitHub
server-sent-events
Server-Sent Events (SSE) for real-time progress updates in Next.js/Vercel. TransformStream patterns, client consumption, progress tracking.
☆ 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.