GitHub
apply-shadcn
Apply shadcn/ui components to React pages and components. This skill should be used when styling specific pages or components with shadcn/ui in a React project that has custom theming. The user will specify whi...
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
tailwind-setup
Configure Tailwind CSS and shadcn/ui for React frontends with Django backends, including dark mode support and theme tokens. This skill should be used when setting up a new React project or adding Tailwind to a...
☆ 1查看技能
GitHub
form-validation
Add comprehensive form validation to Tkinter views using the template's validator utilities. Use when creating forms, handling user input, when user mentions "validation", "form", or when working with Entry/Tex...
☆ 1查看技能
GitHub
streaming-architect
Design and optimize streaming UIs with Suspense boundaries, parallel data fetching, and loading states in Next.js 16. Implements granular streaming, skeleton loaders, and progressive page rendering.
☆ 1查看技能
GitHub
d3-interaction-animation
Use when creating interactive visualizations with transitions, animations, drag/zoom/brush behaviors, or DOM manipulation. Invoke for data binding with .join(), animated transitions, interactive behaviors, user...
☆ 1查看技能
GitHub
component-patterns
Implement advanced React component patterns including compound components, render props, and composition patterns. Use when building flexible, reusable component APIs.
☆ 1查看技能
GitHub
custom-hooks
Implement custom React hooks for reusable logic including state management, side effects, and data fetching. Use when extracting component logic into reusable hooks.
☆ 1查看技能
GitHub
complex-state-management
Production patterns for managing complex application state in React without Redux, Zustand, or other state libraries. Includes multi-stage loading, command patterns, refs for performance, and parallel data fetc...
☆ 1查看技能
GitHub
next-data-rendering
Use when implementing rendering strategies like SSG, SSR, ISR, CSR, or managing caching and revalidation. Invoke for static generation, server-side rendering, incremental static regeneration, partial prerenderi...
☆ 1查看技能
GitHub
tailwind-v4
Expert guidance for styling with Tailwind CSS v4, including modern utility classes, dark mode implementation, responsive design patterns, and component composition. Use this skill when styling HTML, creating UI...
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces using Tailwind CSS with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examp...
☆ 1查看技能
GitHub
databuddy-flags
Use Databuddy feature flags for React, Node.js, and Vue applications. Use when implementing feature flags, A/B testing, gradual rollouts, or user-targeted feature toggles.
☆ 1查看技能
GitHub
databuddy-react
Use the Databuddy React SDK for Next.js and React applications. Use when implementing analytics tracking in React components, setting up the Databuddy component in layouts, or using React hooks for event tracki...
☆ 1查看技能
GitHub
frontend-shadcn
Frontend development using Vite + React + shadcn/ui + Tailwind CSS + React Router v7. Use when creating new frontend projects, adding UI components, implementing routing, styling with Tailwind, or working with...
☆ 1查看技能
GitHub
tanstack-form
Create forms with TanStack Form and React Aria Components. Use when building forms, implementing validation, handling form submissions, or creating reusable form fields.
☆ 1查看技能
GitHub
integration-patterns
Complete flow examples combining TanStack Form, Query, Router, and Start. Use when implementing end-to-end features that span multiple systems.
☆ 1查看技能
GitHub
nextjs-15
Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.
☆ 1查看技能
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
☆ 1查看技能
GitHub
tanstack-table
Build data tables with TanStack Table and React Aria Components. Use when creating tables, implementing sorting, filtering, pagination, row selection, or column visibility.
☆ 1查看技能
GitHub
react
React hooks + performance patterns. Use for useEffect, useMemo, useCallback, memo, rerender, derived state, performance, bundle, optimize, hooks, state, useTransition, Promise.all, waterfall, async
☆ 1查看技能
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
☆ 1查看技能
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
☆ 1查看技能
GitHub
error-boundaries
React error boundaries + fallback UIs. Use for error, catch, boundary, fallback, recovery, crash, ErrorBoundary, errorComponent, reset
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。