storefront-widget
Use this skill when the user asks about "storefront widget", "scripttag", "customer-facing", "Preact", "bundle size", "lazy loading", "performance optimization", or any storefront frontend work. Provides Preact...
Skills matching the name, description or GitHub author.
Use this skill when the user asks about "storefront widget", "scripttag", "customer-facing", "Preact", "bundle size", "lazy loading", "performance optimization", or any storefront frontend work. Provides Preact...
Build production Next.js 14+ applications with App Router. Covers server/client components, routing, data fetching, caching, streaming, metadata, and middleware. Use for full-stack React apps, SSR, ISR, and edg...
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
Expert in React 19, Tailwind CSS v4, and Component Design.
Master React state management with Zustand, Redux Toolkit, Jotai, and React Query. Covers global state, server state, atomic state, and persistence patterns. Use for complex applications requiring scalable stat...
Provides specialized guidance for frontend development including UI/UX best practices, performance optimization, component architecture, and modern tooling recommendations. Use when working on frontend code, Re...
Create optimized, secure multi-stage Dockerfiles for React applications (Vite, CRA, Next.js static). Use when (1) creating a new Dockerfile for a React project, (2) containerizing a React/Vite application, (3)...
ReactコンポーネントとTailwind CSSスタイリングの実装パターン提供
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
Standards for React / TypeScript development
Build modern React applications with TypeScript. Covers React 18+ patterns, hooks, component architecture, state management (Zustand, Redux Toolkit), server components, and best practices. Use for React develop...
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
AI-powered UI generation via v0 MCP. Create chats, generate React components, get design assistance. Use when building UI components, dashboards, or need AI design help.
Security practices for React (XSS, Auth, Dependencies).
Best practices and conventions for working with Next.js 16 App Router projects using TypeScript, Tailwind CSS v4, and React 19. Use when working on Next.js components, pages, API routes, server actions, writing...
Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, custom themes, animations, and component libraries like shadcn/ui and Headless UI. Use for sty...
TypeScript, JavaScript, React, and Node.js coding standards and best practices. NOT for Swift or other languages.
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.