frontend▌
1,037 indexed skills · max 10 per page
tailwind-v4-shadcn
jezweb/claude-skills · Frontend
Tailwind v4 with shadcn/ui using CSS variables and @theme inline pattern. \n \n Four-step architecture: define CSS variables at root, map to Tailwind utilities with @theme inline , apply base styles, automatic dark mode switching \n Prevents 8 documented errors including color mapping failures, dark mode conflicts, @apply breaking changes, and v3 migration gotchas \n Requires @tailwindcss/vite plugin (not PostCSS), empty Tailwind config in components.json, and ThemeProvider wrapper for theme tog
react-best-practices
supercent-io/skills-template · Frontend
React and Next.js performance optimization guidelines across 45 rules in 8 priority categories. \n \n Covers critical waterfalls elimination, bundle size optimization, and server-side performance with specific patterns like Promise.all, dynamic imports, and React.cache() \n Includes medium-priority rules for re-render optimization, rendering performance, and JavaScript efficiency with concrete code examples \n Organized by impact level with prefixed rule names (async-, bundle-, server-, client-,
datapack-builder
anthropics/financial-services-plugins · Frontend
Build professional, standardized financial data packs for private equity, investment banking, and asset management. Transform financial data from CIMs, offering memorandums, SEC filings, web search, or MCP server access into polished Excel workbooks ready for investment committee review.
swiftui-uikit-interop
dpearson2699/swift-ios-skills · Frontend
$22
design-system
supercent-io/skills-template · Frontend
Production-grade UI design system with design tokens, layout rules, motion guidelines, and accessibility validation. \n \n Provides structured design tokens for colors, typography, spacing, shadows, and breakpoints with 8px-based spacing scale \n Includes section-by-section component architecture with responsive breakpoints (mobile-first, 640/768/1024/1280px) \n Covers motion specifications with CSS variables for duration and easing, plus hover and transition patterns \n Built-in WCAG 2.1 AA acc
swiftui-performance
dpearson2699/swift-ios-skills · Frontend
Diagnose and fix SwiftUI rendering bottlenecks through code review, Instruments profiling, and targeted remediation. \n \n Covers view invalidation storms, unstable list identity, expensive body computations, layout thrash, and image decoding issues with concrete code examples and fixes \n Includes step-by-step Instruments profiling workflow using the SwiftUI template to identify high body-evaluation counts and CPU hotspots \n Explains identity and lifetime mechanics, lazy loading patterns, and
frontend-patterns
affaan-m/everything-claude-code · Frontend
React and Next.js patterns for component composition, state management, performance optimization, and accessible UI. \n \n Covers component patterns including composition, compound components, and render props for flexible, reusable UI architecture \n Provides custom hooks for state management, async data fetching, debouncing, and form handling with validation \n Includes performance techniques: memoization, code splitting with lazy loading, and virtualization for large lists \n Demonstrates err
bazel-build-optimization
wshobson/agents · Frontend
Production patterns for optimizing Bazel builds in large-scale monorepos. \n \n Covers WORKSPACE configuration, .bazelrc tuning, remote caching/execution setup, and platform-specific build constraints \n Includes templates for TypeScript and Python libraries, custom Docker rules, and dependency analysis via Bazel query \n Provides performance profiling techniques, memory optimization strategies, and best practices for fine-grained targets and visibility enforcement \n Addresses monorepo patterns
clerk-custom-ui
clerk/skills · Frontend
Build custom authentication flows and visually brand Clerk components with hooks and appearance styling. \n \n Provides useSignIn and useSignUp hooks for building custom sign-in/sign-up UI; API differs between Core 2 and current SDK versions \n Appearance customization via variables (colors, typography, borders), options (logo, social button layout), and pre-built themes (dark, neobrutalism, shadcn, simple) \n shadcn theme automatically matches shadcn/ui projects when components.json is present;
logo-design-guide
inferen-sh/skills · Frontend
AI-powered logo design with prompting strategies, scalability rules, and iteration workflows. \n \n Covers six logo types (wordmark, lettermark, pictorial, abstract, mascot, combination) with use cases and design considerations for each \n Provides tested prompt structures and keywords that work with AI image generators, plus explicit anti-patterns to avoid (text rendering, photorealism, gradients) \n Includes scalability checklist ensuring logos work from 16px favicons to billboards, plus color