frontend▌
1,038 indexed skills · max 10 per page
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.
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
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;
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
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
swiftui-uikit-interop
dpearson2699/swift-ios-skills · Frontend
$22
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
hyva-compile-tailwind-css
hyva-themes/hyva-ai-tools · Frontend
Compiles Tailwind CSS for Hyvä themes in Magento 2. Handles both production builds and development watch mode.