Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
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...
Next.js/React frontend development with shadcn/ui component library, TailwindCSS styling, and MCP integration in API routes. Supports TypeScript, responsive design, and modern UI/UX patterns.
Use this skill when you need expert guidance on React development with React Router V7, including component architecture, routing patterns, state management, performance optimization, and modern React best prac...
Next.js App Router principles. Server Components, data fetching, routing patterns.
Vue 3 / Nuxt 3 frontend development conventions. Use when working on Vue or Nuxt projects.
Modern React component library built on Radix UI and Tailwind CSS
Guide for building cross-platform React Native and Expo applications with Tamagui. Use this skill when implementing UI components, styling, theming, responsive design, or animations with Tamagui. Applies to tas...
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
comprehensive design guide for the Meatballs project, combining high-quality frontend principles with the specific "Craft & Chao" design system. Use this skill for all frontend work in this project.
Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts and React 19.2. Use when: building Next.js 16 projects, or troublesho...
Treido frontend development (Next.js App Router UI, React, Tailwind v4 + shadcn/ui, next-intl). Triggers on "FRONTEND:" prefix or UI/components/styling/i18n tasks.
Utility-first CSS framework for rapid UI development
Next.js frontend development conventions. Use when working on Next.js/React projects with App Router.
Build reactive Textual widgets using computed properties, watchers, and reactive attributes. Use when implementing data-binding patterns, responding to state changes, computed properties, efficient updates base...
Find UI components from screenshots, route paths, or component names. Use when a designer asks "where does this live?", shares a screenshot and wants to find the code, needs to locate a component by its visual...
ローストプラスアプリのUIデザインシステム。Tailwind CSS v4ベースの配色、コンポーネントパターン、レイアウト、アニメーションを提供。新規ページ作成、コンポーネント実装、デザイン一貫性チェックに使用。通常モードとク...
Advanced TypeScript patterns including generics, conditional types, mapped types, and type inference
TanStack Router を使って画面遷移とデータロードを設計する。認証導線、ルート設計、loader、search params、エラーバウンダリの型を固定する。
前端表单验证器技能：负责校验规则定义、实时验证逻辑、错误提示组件、异步验证、表单状态管理。使用时需要配置验证规则、实现实时验证、设计错误提示组件、处理异步验证、管理表单状态。
Reusable UI component patterns and styling for the FraudShield Flutter app
Design and implement custom Textual widgets with composition, styling, and lifecycle management. Use when creating reusable widget components, composing widgets from built-in components, implementing widget lif...
Connect all buttons and links to pages or same-page sections. Ensures every CTA has a valid href, uses Next.js Link component, and adds section IDs for anchor links.
Apply Microsoft branding to frontend applications using Fluent 2 design system colors, typography, and styling patterns
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
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.