GitHub
front-end-testing
DOM Testing Library patterns for behavior-driven UI testing. Framework-agnostic patterns for testing user interfaces. Use when testing any front-end application.
☆ 521查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
react-testing
React Testing Library patterns for testing React components, hooks, and context. Use when testing React applications.
☆ 521查看技能
GitHub
nuxt-ui
Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui fo...
☆ 513查看技能
GitHub
motion
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
☆ 513查看技能
GitHub
nuxt-better-auth
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
☆ 513查看技能
GitHub
nuxt-modules
Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API...
☆ 513查看技能
GitHub
reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly...
☆ 513查看技能
GitHub
vue
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring g...
☆ 513查看技能
GitHub
nuxt-content
Use when working with Nuxt Content v3 - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integr...
☆ 513查看技能
GitHub
ui-web
Web UI - glassmorphism, Tailwind, dark mode, accessibility
☆ 481查看技能
GitHub
flutter
Flutter development with Riverpod state management, Freezed, go_router, and mocktail testing
☆ 481查看技能
GitHub
react-web
React web development with hooks, React Query, Zustand
☆ 481查看技能
GitHub
react-native
React Native mobile patterns, platform-specific code
☆ 481查看技能
GitHub
ui-mobile
Mobile UI patterns - React Native, iOS/Android, touch targets
☆ 481查看技能
GitHub
cds-components
Use this skill when you are asked to work on a new or existing CDS React component in packages/mobile/ or packages/web/
☆ 440查看技能
GitHub
ui-ux-pro-max
Frontend UI/UX design best practice for web and mobile. Use when user asks about design, creating or updating frontend pages/component, landing pages, dashboards, admin panels, e-comerce, SaaS, protfolio, blogs...
☆ 440查看技能
GitHub
responsive-design-standards
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts,...
☆ 438查看技能
GitHub
components-standards
Design reusable, composable UI components following single responsibility principle with clear interfaces, encapsulation, and minimal props. Use this skill when creating or modifying frontend components in any...
☆ 438查看技能
GitHub
accessibility-standards
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or modifying frontend components,...
☆ 438查看技能
GitHub
create-element
Create new UI elements for tryelements.dev registry. Use when: (1) Adding new UI components (buttons, inputs, cards), (2) Building integration components (Clerk, Stripe, Uploadthing), (3) Creating theme-related...
☆ 385查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations,...
☆ 384查看技能
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. Generates creative, polished code that avoid...
☆ 366查看技能
GitHub
console-rendering
Instructions for using the struct tag-based console rendering system in Go
☆ 331查看技能
GitHub
react-component-dev
React/TypeScript component development guidelines for Gemini-Subtitle-Pro. Use when creating components, pages, modals, forms, or working with TailwindCSS, hooks, and React 19 patterns. Covers component archite...
☆ 318查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。