ui-skills
UI Skills - Tailwind CSS/motion/react特化のエージェント向けUI構築制約
按技能名称、说明或 GitHub 作者匹配的结果。
UI Skills - Tailwind CSS/motion/react特化のエージェント向けUI構築制約
React 19 및 Next.js 16 패턴을 적용하는 스킬
React 18 component patterns and best practices. Trigger: When writing React 18 components/hooks in .tsx (components, hooks, context, memo, useRef, etc.).
Frontend patterns for MiGestion Web - React, Vite, Zustand, design system. Trigger: When working on Web code (components, pages, stores, services).
Modern React component patterns with hooks, composition, and TypeScript
พัฒนา Frontend ด้วย Angular, React, Vue, Next.js อย่างมืออาชีพ
独創的で本格的なフロントエンドインターフェースを高いデザイン品質で作成します。ユーザーがWebコンポーネント、ページ、アーティファクト、ポスター、またはアプリケーション(ウェブサイト、ランディングページ、ダッシュ...
React Native mobile development patterns for authentication, platform-specific issues, navigation, and SDK integration. Use when debugging React Native apps, fixing iOS/Android issues, handling auth flows, or i...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Base UI component library reference for building accessible, unstyled React interfaces. Use when implementing UI components with @base-ui/react, need component API references, or want styling/composition guidan...
React Loading Skeleton v3.5.0 usage and patterns. Use when implementing loading skeletons in React/Next.js components, choosing props/theme, or troubleshooting sizing/layout issues.
React performance optimization guidelines. Use when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle opti...
Best practices for developing Expo SDK 54 React Native apps with Expo Router, Zustand, and NativeWind. Use when building mobile apps with this stack, implementing navigation, state management, styling, performa...
Design and implement production-grade UI for this No Name Running Club app (Next.js App Router + React + TypeScript + Tailwind CSS 4). Use when building or restyling components/pages/modals/admin screens. Follo...
React 19 + Next.js App Router performance and best practices for this codebase (TypeScript + Tailwind CSS 4). Use when writing/reviewing/refactoring components, deciding server vs client boundaries, building fo...
Perform code reviews for this No Name Running Club application (Next.js 16 App Router + React 19 + TypeScript + Tailwind CSS 4 + Prisma + NextAuth v5). Use when reviewing PRs/diffs, proposing architectural chan...
Expert in Lighthouse Journey Timeline frontend architecture, React patterns, TypeScript, TanStack Query, Zustand, and component development with strong type safety. Use when building UI components, implementing...
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...
This skill provides guidance for creating consistent, well-structured forms in Next.js/react applications using shadcn UI components, react-hook-form, and Zod validation.
This skill helps create React chat widgets using the ChatKit React library, following best practices for floating chat interfaces with thread persistence and proper configuration.
Performance optimization playbook (measure → diagnose → fix → verify) for this repo (React + R3F + Three.js + Vite). Use when asked to improve FPS, reduce jank, lower draw calls, optimize loading/bundle size, o...
Vitest and React Testing Library patterns for React applications. Use when writing unit tests, creating test factories, or following TDD workflow. Triggers on tasks involving tests, testing, Vitest, describe/it...
Convert Figma designs to React components with pixel-perfect accuracy
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。