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...
☆ 0View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
ui-style-guide
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewing frontend code.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
muebleria-test-ui
Frontend testing patterns for MuebleriaIris UI components. Trigger: When writing tests for Astro pages or React components.
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
GitHub
vue-best-practices
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
☆ 0View skill
GitHub
muebleria-ui
MuebleriaIris UI patterns: Astro + React + TailwindCSS v4. Trigger: When working in src/ on components, layouts, pages, or Astro-specific patterns.
☆ 0View skill
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.
☆ 0View skill
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.
☆ 0View skill
GitHub
react-nextjs-patterns
Modern React 19 and Next.js 15 patterns for FrankX applications
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
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.
☆ 0View skill
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
☆ 0View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.