GitHub
webapp-devnextjs-patterns
Use this skill when building Next.js applications. Provides best practices for App Router, server components, data fetching, API routes, and Next.js-specific patterns.
☆ 1View 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
webapp-devsupabase-integration
Use this skill when integrating Supabase with React/Next.js applications. Covers authentication, database queries, real-time subscriptions, and storage.
☆ 1View skill
GitHub
webapp-devreact-components
Use this skill when building React components. Provides patterns for component structure, props, state management, custom hooks, and TypeScript integration.
☆ 1View skill
GitHub
animations-transitions
SwiftUI animations, @Animatable macro, withAnimation, transitions, PhaseAnimator, KeyframeAnimator, and interactive motion design. Use when user asks about animations, transitions, @Animatable, withAnimation, s...
☆ 1View skill
GitHub
navigation-menus
Modern SwiftUI navigation patterns, NavigationStack, NavigationSplitView, TabView, toolbars, context menus, and router patterns. Use when user asks about navigation, NavigationStack, TabView, menus, toolbars, r...
☆ 1View skill
GitHub
jotai-reactive-atoms
Implement reactive state management with Jotai atoms in Electron renderer. Use when creating atoms, implementing real-time updates via IPC, or setting up hybrid stream + HTTP fallback patterns. Covers event sub...
☆ 1View skill
GitHub
composable-architecture
Use when building features with TCA (The Composable Architecture), structuring reducers, managing state, handling effects, navigation, or testing TCA features. Covers @Reducer, Store, Effect, TestStore, reducer...
☆ 1View skill
GitHub
frontend-components
Design and build reusable, composable UI components following component architecture best practices. Use this skill when creating new React, Vue, Svelte, or other framework components. Use this skill when refac...
☆ 1View skill
GitHub
frontend-responsive
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when...
☆ 1View skill
GitHub
vaadin-grid-styling
Dynamically style Vaadin Grid/DataGrid rows based on entity data. Use this skill when highlighting rows based on conditions (e.g., deleted, overdue, warning states). Use this skill when applying custom CSS to g...
☆ 1View skill
GitHub
frontend-css
Write and maintain CSS following the project's chosen CSS methodology and design system. Use this skill when adding styles to components using Tailwind, CSS modules, styled-components, or other CSS approaches....
☆ 1View skill
GitHub
web-artifacts-builder
一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts（交互式组件）的工具集。该工具集采用现代前端技术栈，包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目，...
☆ 1View skill
GitHub
frontend-design
创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化时），使用这项...
☆ 1View skill
GitHub
apple-design
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, produ...
☆ 1View skill
GitHub
reactive-state-expert
Expert on FLUI's reactive state management with signals, hooks, and effects. Use when discussing state, signals, use_signal, use_effect, reactivity, or data flow.
☆ 1View skill
GitHub
common-region
Elementos dentro de un área delimitada se perciben como grupo. Use cuando diseñe cards, secciones, formularios agrupados, o contenedores visuales.
☆ 1View skill
GitHub
common-fate
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.
☆ 1View skill
GitHub
vue-router
Master Vue Router - Navigation, Guards, Lazy Loading, Meta Fields, History Modes
☆ 1View skill
GitHub
vue-pinia
Master Pinia State Management - Stores, Actions, Getters, Plugins, Persistence
☆ 1View skill
GitHub
vue-typescript
Master Vue TypeScript - Type-safe Components, Generics, Type Inference, Advanced Patterns
☆ 1View skill
GitHub
vue-composition-api
Master Vue Composition API - Composables, Reactivity Utilities, Script Setup, Provide/Inject
☆ 1View skill
GitHub
vue-testing
Master Vue Testing - Vitest, Vue Test Utils, Component Testing, E2E with Playwright
☆ 1View skill
GitHub
vue-nuxt
Master Nuxt.js - SSR, SSG, Nitro Server, Modules, Auto-imports, Deployment
☆ 1View skill
GitHub
vue-fundamentals
Master Vue.js core concepts - Components, Reactivity, Templates, Directives, Lifecycle
☆ 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.