GitHub
react-performance
React performance optimization - memo, useMemo, useCallback, lazy loading, virtualization. Use when optimizing React app performance.
☆ 3查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
tailwindcss-backgrounds
Background utilities Tailwind CSS v4.1. Colors (bg-{color}, palette OKLCH P3), Gradients (bg-linear-*, bg-radial-*, bg-conic-* NEW), Images (bg-cover, bg-contain, bg-repeat), Blend modes.
☆ 3查看技能
GitHub
tailwindcss-typography
Typography utilities Tailwind CSS v4.1. Font (font-sans, font-serif, font-mono, font-size, font-weight), Text (text-color, text-align, text-wrap, text-shadow NEW), Letter/Line spacing, Decoration, Transform.
☆ 3查看技能
GitHub
react-forms
TanStack Form with Zod validation - type-safe, headless, performant forms. Use when building forms, implementing validation, or handling form submissions in React.
☆ 3查看技能
GitHub
tailwindcss-utilities
Complete reference for Tailwind CSS utility classes
☆ 3查看技能
GitHub
designer
Design API contracts, data models, and UI/UX specifications. Use for API design, data modeling, UI wireframes, and design systems.
☆ 3查看技能
GitHub
tailwind-best-practices
WHEN: User is writing HTML/templates with Tailwind CSS classes, styling components, configuring Tailwind themes, asking about Tailwind utilities or patterns, or working with any project that uses Tailwind CSS W...
☆ 3查看技能
GitHub
component-designing
Component and type design for TypeScript + React code. Use when planning new features, designing components and custom hooks, preventing primitive obsession, or when refactoring reveals need for new abstraction...
☆ 3查看技能
GitHub
layercake
Expert guide for Layer Cake, a headless Svelte visualization framework managing scales, dimensions, and data flow while supporting SVG, Canvas, HTML, and WebGL rendering contexts for responsive data visualizati...
☆ 3查看技能
GitHub
composable-svelte-components
UI component library reference for Composable Svelte. Use when implementing designs, choosing components, styling layouts, or working with shadcn-svelte components. Covers component props, variants, accessibili...
☆ 3查看技能
GitHub
svelte-flow
Build node-based editors, interactive diagrams, and flow visualizations using Svelte Flow. Use when creating workflow editors, data flow diagrams, organizational charts, mindmaps, process visualizations, DAG ed...
☆ 3查看技能
GitHub
shadcn-svelte-skill
Build accessible, customizable UI components for Svelte/SvelteKit projects using shadcn-svelte CLI, Tailwind CSS v4.1, and TypeScript. Use when creating component-based Svelte applications that need production-...
☆ 3查看技能
GitHub
layerchart
Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with unopinionated building blocks, motion primitives, and advanced...
☆ 3查看技能
GitHub
design-principles
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
☆ 3查看技能
GitHub
react-development
React開発の詳細ガイド。Hooks、コンポーネント設計、パフォーマンス最適化、テストなど、Reactアプリケーション開発のベストプラクティス。
☆ 3查看技能
GitHub
component-development
When you are creating or modifying UI components. Use this skill to ensure consistency with the design system and shadcn/ui.
☆ 3查看技能
GitHub
tailwindplus
Access TailwindPlus UI component library - search, list, and retrieve code for Marketing, Application UI, and eCommerce components in HTML/React/Vue with Tailwind CSS v3/v4
☆ 3查看技能
GitHub
developing-with-flutter
Flutter SDK for cross-platform development targeting iOS, Android, and Web. Use for widget architecture, state management, platform channels, and multi-platform deployment.
☆ 3查看技能
GitHub
styling-with-tailwind
Provides utility-first CSS styling patterns using Tailwind CSS 3.x. Use when styling components with utility classes, configuring tailwind.config.js, implementing responsive designs, or creating dark mode theme...
☆ 3查看技能
GitHub
developing-with-react
React 18+ development with hooks, state management, component patterns, and Next.js integration. Use when building React applications or working with JSX/TSX components.
☆ 3查看技能
GitHub
frontend-patterns
React/Next.js data patterns - React Query hooks, ORPC client integration, error handling, cache invalidation. Complements frontend-design skill (visuals).
☆ 3查看技能
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...
☆ 3查看技能
GitHub
pattern-demo-generator
Scaffold interactive React demo components for AI design patterns with design system integration, starter tests, and documentation
☆ 3查看技能
GitHub
form-builder
Generate form components with validation (Zod, Yup), React Hook Form integration, multi-step wizards, error handling, accessibility, and comprehensive testing patterns
☆ 3查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。