GitHub
html-dev
HTML structure, semantics, accessibility, and SEO best practices. WHEN: Writing semantic HTML, implementing ARIA accessibility, creating forms/tables, adding SEO meta tags, structuring HTML documents, template...
☆ 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
vuejs-dev
Vue 3 development: Composition API, reactivity, components, props/emits, Vue Router, Pinia. WHEN: Creating .vue components, using Composition API (ref, reactive, computed), props/emits, slots, composables, Vue...
☆ 0View skill
GitHub
vuejs-shadcn
shadcn/vue UI components for Vue 3: Button, Dialog, Form, Table, and theming. WHEN: Using shadcn-vue components, installing components via CLI, theming/dark mode, forms with VeeValidate/Zod, implementing shadcn...
☆ 0View skill
GitHub
ts-dev
TypeScript patterns: type definitions, interfaces, generics, type guards, and utility types. WHEN: Writing .ts/.tsx files, defining interfaces/types, using generics, implementing type guards, configuring tsconf...
☆ 0View skill
GitHub
react-patterns
React component patterns, Convex hooks, auth checks, loading states, design system classes. Use when creating React components, pages, or UI features.
☆ 0View skill
GitHub
nextjs-16
Next.js 16 App Router development guide with latest patterns (params Promise, PageProps helpers, useActionState, Server Components, Cache Components, Proxy). Use when creating pages, layouts, routes, Server Act...
☆ 0View skill
GitHub
tanstack
Latest framework knowledge and best practices for building web apps using Tanstack start with React + Vite.
☆ 0View skill
GitHub
frontend
Writing modern and beautiful UIs using React, Typescript, Tailwind, and Shadcn
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications.
☆ 0View skill
GitHub
framer-motion
Animation patterns and micro-interactions with Framer Motion in React/Next.js. Use when implementing animations, page transitions, gesture interactions, scroll-based animations, or any motion design in React a...
☆ 0View skill
GitHub
zustand-patterns
State management patterns with Zustand 5, including store creation, slices pattern, persistence, devtools, and React integration. Use when implementing global state, complex store structures, or migrating from...
☆ 0View skill
GitHub
pwa-next
Progressive Web App patterns for Next.js including service workers, offline support, caching strategies, and installability. Use when building offline-capable web applications with Next.js.
☆ 0View skill
GitHub
tailwind-v4
Tailwind CSS v4 patterns and new features including CSS-first configuration, @theme directive, container queries, and modern utilities. Use when styling with Tailwind CSS v4+ or migrating from v3.
☆ 0View skill
GitHub
next-cache-patterns
Next.js caching and data fetching patterns including cacheLife, PPR, revalidation strategies, and cache invalidation. Use when optimizing data fetching, implementing ISR, or configuring cache behavior.
☆ 0View skill
GitHub
react-19-patterns
React 19 modern patterns including the use() hook, Server Components, Server Actions, React Compiler, and new APIs. Use when implementing features with React 19+, optimizing performance, or migrating from React...
☆ 0View skill
GitHub
typescript-patterns
Advanced TypeScript patterns for type-safe applications. Use when implementing complex types, generics, utility types, discriminated unions, or type guards in TypeScript projects.
☆ 0View skill
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 using Astro and Tailwind CSS. Generates creat...
☆ 0View skill
GitHub
i18n-patterns
Internationalization patterns for web and mobile apps. Use when: adding multi-language support, translation structure, language switching. Do not use for: general React/Next.js patterns (use nextjs, expo-react-...
☆ 0View skill
GitHub
expo-react-native
Expo/React Native project conventions and patterns. Use when: building cross-platform mobile apps with Expo, React Native screens, mobile-specific logic. Do not use for: UX decisions (use ux-design), token/comp...
☆ 0View skill
GitHub
performance-patterns
Web performance patterns and Core Web Vitals optimization. Use when: optimizing load times, fixing CWV issues, code splitting. Do not use for: SEO (use seo skill), general React patterns (use nextjs skill). Wor...
☆ 0View skill
GitHub
nextjs
Next.js 15+ App Router patterns and conventions. Use when: building web apps with Next.js. Do not use for: UX decisions (use ux-design), token/component design (use design-system), mobile apps. Workflow: ux-des...
☆ 0View skill
GitHub
moai-library-nextra
Enterprise Nextra documentation framework with Next.js
☆ 0View skill
GitHub
react-hooks
useCallback、useEffect の正しい使い方、無限ループ防止。Biomeチェック後の修正、Client Component作成時に使用。
☆ 0View skill
GitHub
design-system
SuppStack design system tokens, patterns, and UI component conventions. Use when creating UI components, styling elements, or working with colors, spacing, typography. Keywords: component, button, card, input,...
☆ 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.