frontend-design
Tạo giao diện frontend đẹp, chất lượng production-grade. Sử dụng khi user yêu cầu build web components, pages, landing pages, dashboards, React components, HTML/CSS layouts, hoặc styling/beautify UI. Tránh AI s...
Skills matching the name, description or GitHub author.
Tạo giao diện frontend đẹp, chất lượng production-grade. Sử dụng khi user yêu cầu build web components, pages, landing pages, dashboards, React components, HTML/CSS layouts, hoặc styling/beautify UI. Tránh AI s...
A frontend-specific skill tuned for modern React + Tailwind CSS v4.
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...
A comprehensive guide for building production-grade Next.js 14+ applications with App Router, enforcing Server Components by default, optimal data fetching patterns, and modern React best practices.
Build React chat interfaces with Vercel AI SDK v6. Covers useChat/useCompletion/useObject hooks, message parts structure, tool approval workflows, and 12 UI error solutions. Use when: implementing AI chat UIs,...
React and Next.js performance optimization guidelines from Vercel Engineering. Apply this skill when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tas...
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.
Load when editing .tsx, .jsx files or working in components/, pages/, store/, hooks/. Provides React, TypeScript, Zustand state management, and WebSocket client 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...
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
來自 Vercel Engineering 的 React 與 Next.js 效能最佳化指南。此技能應用於撰寫、審查或重構 React/Next.js 程式碼,以確保最佳效能模式。適用於涉及 React 元件、Next.js 頁面、資料獲取、打包最佳化或效能改善的任務。
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.
勤怠システムのフロントを TanStack(Query/Router/Table)中心に設計・実装するための基本方針。データ取得、ルーティング、テーブル表示、エラーハンドリングの“型”を固定する。キーワード: TanStack, React, Query, Router,...
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.
全栈 Web 应用开发辅助技能。当用户需要创建、开发、构建 Web 应用时使用此技能。涵盖前端、后端、数据库设计、API 开发、部署等全流程。支持现代 Web 技术栈(React、Vue、Next.js、Node.js、Python、数据库等),帮助用户快...
Expert Frontend Engineer for PayU Digital Banking Platform - specializing in Next.js web apps, React Native mobile apps, and modern frontend architecture.
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...
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
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.