frontend▌
1,038 indexed skills · max 10 per page
frontend-design
mager/frontend-design · Frontend
Dark-first UI design with neon accents, monospace typography, and visual discovery patterns for addictive interfaces. \n \n Emphasizes dark themes (rich blacks), terminal-inspired typography (JetBrains Mono + Space Grotesk), and neon color accents (cyan, purple, lime, coral) paired with CSS custom properties for swappable theming \n Prioritizes tactile interactions: hover lifts, staggered animations, glow effects, and micro-interactions that reward exploration and scrolling \n Recommends signatu
brand-guidelines
composiohq/awesome-claude-skills · Frontend
Apply Anthropic's official brand colors, typography, and visual identity to artifacts. \n \n Includes six brand colors (dark, light, mid/light gray, orange, blue, green) with RGB values for precise matching across platforms \n Automatically applies Poppins font to headings (24pt+) and Lora font to body text, with fallback to Arial and Georgia if custom fonts unavailable \n Smart color selection adapts text and accent colors based on background for readability and visual hierarchy \n Works with s
react-router-framework-mode
remix-run/agent-skills · Frontend
Full-stack React development with file-based routing, server/client rendering, data loading, and type-safe route modules. \n \n Supports file-based routing with nested routes, dynamic segments, and multiple rendering strategies (SSR, SPA, pre-rendering) \n Handles data loading via loader / clientLoader and mutations via action / clientAction with built-in form handling and optimistic UI \n Includes 10+ reference guides covering routing, data loading, actions, navigation, error boundaries, authen
brand-guidelines
getsentry/skills · Frontend
Write user-facing copy following Sentry's brand guidelines.
hairy-react-lib
hairyf/skills · Frontend
React hooks and components library for async state, reactive watching, lifecycle management, and error handling. \n \n Includes async hooks for state management and callbacks, watch hooks for reactive value tracking, and lifecycle utilities for component mounting \n Provides conditional rendering components (If/Else, Switch/Case) and error-safe hooks with built-in fallback behavior \n Offers advanced features: cross-component event bus, offset-based pagination, and fetch request/response interce
vue-testing-best-practices
antfu/skills · Frontend
Comprehensive Vue.js testing guidance covering unit, component, and end-to-end testing strategies. \n \n Addresses 11 common testing challenges including async handling, composable testing, Pinia store setup, Suspense components, and Teleport queries \n Recommends Vitest for unit and component testing infrastructure, with Playwright as the preferred E2E framework \n Covers black-box component testing patterns to prevent brittle tests during refactoring, async/await patterns to eliminate race con
building-inferencesh-apps
inferen-sh/skills · Frontend
Build and deploy applications on the inference.sh platform. Apps can be written in Python or Node.js.
presentation-design-enhancer
onewave-ai/claude-skills · Frontend
Transform text-heavy slides into visual storytelling. Suggest layout improvements, icon usage, and data visualization.
project-guidelines-example
affaan-m/everything-claude-code · Frontend
Project-specific architecture, code patterns, and deployment guidelines for Zenith application. \n \n Next.js 15 frontend with FastAPI backend, Supabase PostgreSQL database, and Claude API integration via structured output \n Includes standardized API response formats, custom React hooks, and Pydantic models for type safety across stack \n Testing requirements: pytest with 80% coverage minimum for backend, React Testing Library for frontend, Playwright for E2E \n Deployment via Google Cloud Run
next-intl-add-language
github/awesome-copilot · Frontend
Add a new language to a Next.js application using next-intl internationalization. \n \n Requires translating all entries from en.json in the ./messages directory to the new language \n Update routing configuration in src/i18n/routing.ts and middleware in src/middleware.ts to recognize the new language \n Register the language in the language toggle component at src/components/language-toggle.tsx \n