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...
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
react-patterns
React component patterns, Convex hooks, auth checks, loading states, design system classes. Use when creating React components, pages, or UI features.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
tanstack
Latest framework knowledge and best practices for building web apps using Tanstack start with React + Vite.
☆ 0查看技能
GitHub
frontend
Writing modern and beautiful UIs using React, Typescript, Tailwind, and Shadcn
☆ 0查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications.
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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.
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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-...
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
moai-library-nextra
Enterprise Nextra documentation framework with Next.js
☆ 0查看技能
GitHub
react-hooks
useCallback、useEffect の正しい使い方、無限ループ防止。Biomeチェック後の修正、Client Component作成時に使用。
☆ 0查看技能
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,...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。