frontend▌
1,038 indexed skills · max 10 per page
vue-options-api-best-practices
hyf0/vue-skills · Frontend
Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls including arrow function binding issues and stateful method side effects \n Includes references to specific solutions for each pattern, from defineComponent setup to proper event handler
artifacts-builder
composiohq/awesome-claude-skills · Frontend
Multi-component React artifacts for Claude with Tailwind CSS and shadcn/ui components. \n \n Scaffolds React 18 + TypeScript projects with Vite, pre-configured Tailwind CSS, and 40+ shadcn/ui components ready to use \n Bundles complete artifacts into single self-contained HTML files with all JavaScript, CSS, and dependencies inlined \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and uniform rounded corners \n Supports state management
react-dev
softaworks/agent-toolkit · Frontend
Type-safe React 18–19 patterns with compile-time guarantees for components, hooks, events, and routing. \n \n Covers React 19 breaking changes: ref as prop (no forwardRef), useActionState for forms, use() for promise unwrapping, and Server Components with async data fetching \n Specific event typing (MouseEvent, ChangeEvent, KeyboardEvent, etc.) and discriminated unions for variant props eliminate runtime surprises \n Generic component patterns with constrained types for reusable Tables, Lists,
tailwind-patterns
jezweb/claude-skills · Frontend
Production-ready Tailwind CSS patterns for responsive layouts, cards, forms, buttons, and navigation. \n \n Includes semantic color tokens for automatic light/dark mode support, eliminating raw color usage that breaks themes \n Covers mobile-first responsive design with six breakpoints (base, sm, md, lg, xl, 2xl) and consistent spacing scale (4, 6, 8, 12, 16, 24) \n Provides ready-to-use component patterns for headers, footers, grids, cards, buttons, forms, and typography with hover states and t
industrial-brutalist-ui
leonxlnx/taste-skill · Frontend
Name: Industrial Brutalism & Tactical Telemetry Interface Engineering Description: Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT sc
flutter-building-plugins
flutter/skills · Frontend
Scaffold and implement cross-platform Flutter plugins with native interop for Android, iOS, Windows, and web. \n \n Supports both standard plugins (Method Channels for platform APIs) and FFI plugins (C/C++ native libraries); choose based on whether you need platform-specific SDK access or direct native code binding \n Federated plugin architecture splits API across app-facing, platform interface, and independent platform implementation packages for team-based development \n Includes step-by-step
build-clusters
calm-north/seojuice-skills · Frontend
Build topical authority clusters with pillar-spoke architecture and interlinking strategies. \n \n Generates 8-20 subtopics from search data, intent patterns, and audience research to populate a cluster around a seed keyword \n Structures clusters with a comprehensive pillar page (hub) and focused spoke pages (satellites), with mandatory bidirectional linking and lateral cross-links between siblings \n Scores existing content coverage, identifies gaps (full, partial, or none), and flags pages ne
vue-router-best-practices
vuejs-ai/skills · Frontend
Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, and infinite redirect loop prevention \n Addresses route lifecycle gotchas such as stale data when navigating with param changes and event listener cleanup on unmount \n Includes guidance on component instance access in beforeRouteEnter guards and param-change detection across same-route navigation \n Provi
nextjs-supabase-auth
sickn33/antigravity-awesome-skills · Frontend
Supabase Auth integration for Next.js App Router with middleware-based session management. \n \n Handles server/client authentication boundaries using @supabase/ssr, protecting routes via middleware and managing cookie-based sessions \n Provides patterns for OAuth callbacks, Server Actions for auth operations, and proper token handling across Server and Client Components \n Includes anti-patterns to avoid: getSession in Server Components, unlistened client auth state, and manual token storage \n
asc-build-lifecycle
rudrankriyam/app-store-connect-cli-skills · Frontend
Query, monitor, and expire builds in App Store Connect with asc command-line tools. \n \n Find builds by version, platform, or upload date; inspect processing state and build details with dedicated query commands \n Manage build retention by previewing and applying expiration policies based on age thresholds, with dry-run support \n Publish directly to TestFlight or App Store with end-to-end workflows including optional polling, submission, and confirmation flags \n Distinguish between asc build