GitHub
frontend-development
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.
☆ 0View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: Testing & security
Browse skills
GitHub
frontend-react
Load when editing .tsx, .jsx files or working in components/, pages/, store/, hooks/. Provides React, TypeScript, Zustand state management, and WebSocket client patterns.
☆ 0View skill
GitHub
react-router-v7-expert
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...
☆ 0View skill
GitHub
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
☆ 0View skill
GitHub
vercel-react-best-practices
來自 Vercel Engineering 的 React 與 Next.js 效能最佳化指南。此技能應用於撰寫、審查或重構 React/Next.js 程式碼，以確保最佳效能模式。適用於涉及 React 元件、Next.js 頁面、資料獲取、打包最佳化或效能改善的任務。
☆ 0View skill
GitHub
shadcn-ui
Modern React component library built on Radix UI and Tailwind CSS
☆ 0View skill
GitHub
tamagui-core
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...
☆ 0View skill
GitHub
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
☆ 0View skill
GitHub
frontend-tanstack-architecture
勤怠システムのフロントを TanStack（Query/Router/Table）中心に設計・実装するための基本方針。データ取得、ルーティング、テーブル表示、エラーハンドリングの“型”を固定する。キーワード: TanStack, React, Query, Router,...
☆ 0View skill
GitHub
nextjs
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...
☆ 0View skill
GitHub
treido-frontend
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.
☆ 0View skill
GitHub
web-app-builder
全栈 Web 应用开发辅助技能。当用户需要创建、开发、构建 Web 应用时使用此技能。涵盖前端、后端、数据库设计、API 开发、部署等全流程。支持现代 Web 技术栈（React、Vue、Next.js、Node.js、Python、数据库等），帮助用户快...
☆ 0View skill
GitHub
frontend-development
Expert Frontend Engineer for PayU Digital Banking Platform - specializing in Next.js web apps, React Native mobile apps, and modern frontend architecture.
☆ 0View skill
GitHub
frontend-nextjs
Next.js frontend development conventions. Use when working on Next.js/React projects with App Router.
☆ 0View skill
GitHub
textual-reactive-programming
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...
☆ 0View skill
GitHub
dcodefind-component
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...
☆ 0View skill
GitHub
implement-lenis-scroll
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
☆ 0View skill
GitHub
web-animation-design
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or ani...
☆ 0View skill
GitHub
astro-page-vs-island
Decides when to use Astro pages versus React islands, minimizing unnecessary client-side JavaScript.
☆ 0View skill
GitHub
reactjs-tiptap-editor
Implement rich text editing with reactjs-tiptap-editor (admin content editing). Use when building post/project editors or WYSIWYG components.
☆ 0View skill
GitHub
react-best-practices-refactor
Refactors large React files into single-responsibility components using Tailwind CSS and a strict feature-based structure compatible with AstroJS.
☆ 0View skill
GitHub
tailwind-v4-shadcn
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Use when initializing React pr...
☆ 0View skill
GitHub
frontend-component-scaffold
前端组件脚手架技能：负责React/Vue组件模板、Props/State结构设计、事件处理、组件样式、默认属性配置。使用时需要定义组件Props、设计State结构、实现事件处理、配置样式、设置默认属性。
☆ 0View skill
GitHub
react-three-fiber
Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React stat...
☆ 0View skill
Popular categories
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.