GitHub
gsap
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, Moti...
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
wix-cli-dashboard-page
Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, tables, forms, settings pages, CMS interface, mod...
☆ 0查看技能
GitHub
haptic-feedback
iOS/Android haptic feedback guidelines for mobile-first PWA. This skill should be used automatically when creating or modifying interactive UI components, buttons, toggles, sliders, tabs, or any user-triggered...
☆ 0查看技能
GitHub
frontend-dev-guidelines
Frontend development guidelines for Next.js + React 19 + shadcn/ui applications. Modern patterns including App Router, Server Components, Client Components, Server Actions, shadcn/ui with Tailwind CSS, React Ho...
☆ 0查看技能
GitHub
ui-style-guide
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewing frontend code.
☆ 0查看技能
GitHub
react-component
Create and review React components following strict TypeScript patterns, container/presenter architecture, and composition-first design. Use when asked to: (1) Create a React component, (2) Review a React compo...
☆ 0查看技能
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Next.js App Router/Server Actions, also use nextjs-1...
☆ 0查看技能
GitHub
muebleria-test-ui
Frontend testing patterns for MuebleriaIris UI components. Trigger: When writing tests for Astro pages or React components.
☆ 0查看技能
GitHub
react-component
Use when creating UI components in React - functional components, hooks, custom hooks, or component composition patterns. NOT when backend logic, API routes, or non-React frameworks are involved. Triggers: "cre...
☆ 0查看技能
GitHub
rn-state-flows
Complex multi-step operations in React Native. Use when implementing flows with multiple async steps, state machine patterns, or debugging flow ordering issues.
☆ 0查看技能
GitHub
api-client
Use when setting up API clients - TanStack Query, Axios, JWT token management, error handling, or response parsing. NOT when plain fetch calls, non-API data handling, or unrelated UI logic. Triggers: "API clien...
☆ 0查看技能
GitHub
rn-native-features
Native iOS features in Expo React Native apps. Use when implementing camera, push notifications, haptics, permissions, device sensors, or other native APIs in Expo.
☆ 0查看技能
GitHub
nuqs
Use when implementing URL query state in React, managing search params, syncing state with URL, building filterable/sortable lists, pagination with URL state, or using nuqs/useQueryState/useQueryStates hooks in...
☆ 0查看技能
GitHub
vue-best-practices
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
☆ 0查看技能
GitHub
muebleria-ui
MuebleriaIris UI patterns: Astro + React + TailwindCSS v4. Trigger: When working in src/ on components, layouts, pages, or Astro-specific patterns.
☆ 0查看技能
GitHub
react-testing
Testing patterns for React with Jest and React Testing Library. Use when writing tests, mocking modules, testing Zustand stores, or debugging test failures in React web applications.
☆ 0查看技能
GitHub
design-to-production
Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and quality standards enforcement. Use when converting design prototypes to production code.
☆ 0查看技能
GitHub
react-nextjs-patterns
Modern React 19 and Next.js 15 patterns for FrankX applications
☆ 0查看技能
GitHub
motion
Motion animation library for React - essential patterns for components, transitions, gestures, and performance. Trigger: When animating React components, motion, whileHover, whileTap, layout animations, transit...
☆ 0查看技能
GitHub
react-flow
Build interactive node-based diagrams, flowcharts, and graph editors with React Flow (@xyflow/react v12). Use when: (1) Creating node-based UIs like workflow editors, state machines, or mind maps, (2) Building...
☆ 0查看技能
GitHub
react-async-patterns
Async/await correctness in React with Zustand. Use when debugging race conditions, missing awaits, floating promises, or async timing issues. Works for both React web and React Native.
☆ 0查看技能
GitHub
rn-async-patterns
Async/await correctness in React Native with Zustand. Use when debugging race conditions, missing awaits, floating promises, or async timing issues in Expo/React Native apps.
☆ 0查看技能
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。