GitHub
zustand-patterns
Zustand 5.x state management with slices, middleware, Immer, useShallow, and persistence patterns for React applications. Use when building state management with Zustand.
☆ 61查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
radix-primitives
Radix UI unstyled accessible primitives for dialogs, popovers, dropdowns, and more. Use when building custom accessible components, understanding shadcn internals, or needing polymorphic composition.
☆ 61查看技能
GitHub
render-optimization
React render performance patterns including React Compiler integration, memoization strategies, TanStack Virtual, and DevTools profiling. Use when debugging slow renders, optimizing large lists, or reducing unn...
☆ 61查看技能
GitHub
motion-animation-patterns
Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders,...
☆ 61查看技能
GitHub
shadcn-patterns
shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadcn components, building variant systems, or customizing themes.
☆ 61查看技能
GitHub
symfonytwig-components
Use when symfony twig components
☆ 61查看技能
GitHub
frontend-designer
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
☆ 61查看技能
GitHub
swiftui-animation
This skill provides comprehensive guidance for implementing advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration. Use when building animations, view transitions, hero...
☆ 61查看技能
GitHub
unity-ui-toolkit
Assists with Unity UI Toolkit development - UXML structure, USS styling, C# VisualElement manipulation, data binding, and custom controls. Use when implementing UI Toolkit interfaces.
☆ 60查看技能
GitHub
threejs-builder
Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering. Use for: "Create a threejs scene/app/showcase" or when user wants 3D web content. Suppor...
☆ 60查看技能
GitHub
console-ui
Develop React components and UI features for the console frontend with TypeScript, accessibility, and proper API integration. Use when creating or modifying UI components in the console directory. Focus on comp...
☆ 57查看技能
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...
☆ 57查看技能
GitHub
remote-functions
Use when building, auditing, or reviewing SvelteKit remote functions for validation, batching, and optimistic UI patterns
☆ 56查看技能
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 55查看技能
GitHub
ui-css-patterns
UI/CSS design patterns reference for RAPID frontend - color semantics, component selection, common layouts
☆ 55查看技能
GitHub
plutonium-assets
Plutonium asset setup - TailwindCSS configuration, Stimulus controllers, and Phlexi component themes
☆ 54查看技能
GitHub
frago-view-content-generate-tips-html
HTML/reveal.js content generation guide. Use this skill when you need to create HTML presentations that can be previewed via `frago view`. Covers reveal.js advanced design, CSS techniques, and multi-page collab...
☆ 53查看技能
GitHub
frontend-development
Use this skill when creating UI components, pages, or frontend features. Activates for React components, Next.js pages, styling, state management, and accessibility tasks.
☆ 53查看技能
GitHub
ui-finesse-workflow
Master workflow for building exceptional UIs. Use when starting UI work, building components, or when the user asks about the development process for interfaces.
☆ 53查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications to avoid generic AI aesthetics and make memorable UIs.
☆ 53查看技能
GitHub
interface-guidelines
Accessibility and interaction rules for building UIs. Use when building forms, buttons, navigation, animations, or any interactive elements.
☆ 53查看技能
GitHub
expo-expert
Comprehensive Expo expert with access to complete official documentation covering React Native development, EAS Build, EAS Submit, EAS Update, Expo Router, Expo Modules API, configuration, deployment, and all p...
☆ 53查看技能
GitHub
expo-router-expert
Expert on Expo Router for file-based routing in React Native apps. Covers navigation, layouts, dynamic routes, deep linking, and TypeScript integration. Invoke when user mentions Expo Router, file-based routing...
☆ 53查看技能
GitHub
frontend-responsive
Your approach to handling frontend responsive. Use this skill when working on files where frontend responsive comes into play.
☆ 52查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。