GitHub
vani-incremental-mount
Mount Vani components inside existing apps or DOM islands
☆ 1View skill
Browse skills
Explore AI skills for development, content, data and productivity. Compare the description and repository popularity before opening a skill.
Categories
Browse skills
GitHub
view-stats
Open the Vibe Check stats page in browser. Use when user says "vibe stats", "view my stats", "open stats", or "stats page".
☆ 1View skill
GitHub
shadcn-ui-patterns
Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best practices for November 2025.
☆ 1View skill
GitHub
create-shadcn-component
Workflow to create standardized, accessible, and theme-compatible UI components extending the Shadcn/UI system.
☆ 1View skill
GitHub
i18n-translation-guide
Implement internationalization (i18n) in Ballee using react-i18next with Trans component and useTranslation hook; use when adding user-facing text, translating components, implementing toast messages, or organi...
☆ 1View skill
GitHub
vani-ssr-hydration
Implement SSR, hydration, and selective activation with Vani
☆ 1View skill
GitHub
radflow-component-create
Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.
☆ 1View skill
GitHub
radtools
RadTools UI component API. Use when building interfaces with Button, Card, Tabs, Dialog, and other design system components. Quick reference with copy-paste examples.
☆ 1View skill
GitHub
framer-motion
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
☆ 1View skill
GitHub
redux-patterns
WHAT: Redux 4 state management with react-redux hooks and reducers. WHEN: global state, complex state logic, state persistence across routes. KEYWORDS: redux, useSelector, useDispatch, reducer, thunk, selector,...
☆ 1View skill
GitHub
rest-api
WHAT: REST API data fetching with TanStack Query and OpenTelemetry tracing. WHEN: fetching non-GraphQL endpoints, implementing pagination, cache invalidation. KEYWORDS: REST, api, useFetch, useQuery, useInfinit...
☆ 1View skill
GitHub
graphql-apollo-patterns
WHAT: Apollo Client v3.9.2 patterns for web GraphQL data fetching. WHEN: using useQuery, useMutation, managing cache, implementing pagination. KEYWORDS: apollo, graphql, useQuery, useMutation, cache, fetchMore,...
☆ 1View skill
GitHub
redux-patterns-web
WHAT: Redux 4 patterns with selectors, reducers, and thunk actions for web. WHEN: accessing Redux store, creating state slices, dispatching actions. KEYWORDS: redux, selector, reducer, thunk, useSelector, useDi...
☆ 1View skill
GitHub
react-query-v3-patterns
WHAT: React Query v3.39.0 patterns for web data fetching with OpenTelemetry. WHEN: using useQuery v3, useMutation v3, implementing caching on web. KEYWORDS: react-query, v3, useQuery, useMutation, useFetch, cac...
☆ 1View skill
GitHub
nextjs-routing
WHAT: Next.js Pages Router patterns with useRouter and query parameters. WHEN: client-side navigation, accessing URL params, programmatic routing. KEYWORDS: nextjs, router, useRouter, Link, query, navigate, rou...
☆ 1View skill
GitHub
zest-components
WHAT: Zest design system components for React Native including Button, Text, Icon, Card, Badge, InputField. WHEN: building UI with buttons, forms, icons, cards, status indicators, loading states, inline message...
☆ 1View skill
GitHub
tech-stack
WHAT: React Native tech stack reference with specific library versions. WHEN: choosing libraries, checking versions, adding dependencies. KEYWORDS: tech stack, versions, zustand, tanstack query, apollo, zest, r...
☆ 1View skill
GitHub
zest-component-creation-web
WHAT: Create Zest design system components for web with BoxWithNewTokens, variants.ts, and component tokens. WHEN: building new Zest components from Figma, adding variants, creating reusable web UI. KEYWORDS: Z...
☆ 1View skill
GitHub
web-accessibility
WHAT: Web accessibility with semantic HTML, ARIA attributes, and checkA11y testing. WHEN: forms, interactive elements, modals, dialogs, WCAG 2.1 AA compliance. KEYWORDS: ARIA, aria-label, semantic HTML, checkA1...
☆ 1View skill
GitHub
frontend-architecture-expert
Expert knowledge of Next.js 14 App Router, dual-brand implementation, dashboard variants, and state management patterns.
☆ 1View skill
GitHub
zest-integration
WHAT: Zest React Native integration with ZestProvider, useZestTheme, and useZestStyles hooks. WHEN: setting up providers, accessing theme tokens, creating themed styles, dark mode support. KEYWORDS: ZestProvide...
☆ 1View skill
GitHub
jotai-patterns
WHAT: Jotai v1.11.0 atomic state management with atoms and useAtom hook. WHEN: lightweight global state, modal/dialog state, form state across components. KEYWORDS: jotai, atom, useAtom, atomic, state, derived,...
☆ 1View skill
GitHub
repository-loading
WHAT: Validate native repository data before rendering with RepositoryLoader. WHEN: blocking UI until data loads, validating required properties, handling data dependencies. KEYWORDS: RepositoryLoader, required...
☆ 1View skill
GitHub
component-patterns
WHAT: React Native component patterns with variant-based architecture and repository pattern. WHEN: creating components, implementing variants, separating data logic from UI. KEYWORDS: component, variant, discr...
☆ 1View 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.