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.
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
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.
Use this skill when integrating Supabase with React/Next.js applications. Covers authentication, database queries, real-time subscriptions, and storage.
Use this skill when building React components. Provides patterns for component structure, props, state management, custom hooks, and TypeScript integration.
SwiftUI animations, @Animatable macro, withAnimation, transitions, PhaseAnimator, KeyframeAnimator, and interactive motion design. Use when user asks about animations, transitions, @Animatable, withAnimation, s...
Modern SwiftUI navigation patterns, NavigationStack, NavigationSplitView, TabView, toolbars, context menus, and router patterns. Use when user asks about navigation, NavigationStack, TabView, menus, toolbars, r...
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...
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...
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...
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...
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...
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....
一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts(交互式组件)的工具集。该工具集采用现代前端技术栈,包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目,...
创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时(例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局,或对任何网页 UI 进行样式化/美化时),使用这项...
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...
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.
Elementos dentro de un área delimitada se perciben como grupo. Use cuando diseñe cards, secciones, formularios agrupados, o contenedores visuales.
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.
Master Vue Router - Navigation, Guards, Lazy Loading, Meta Fields, History Modes
Master Pinia State Management - Stores, Actions, Getters, Plugins, Persistence
Master Vue TypeScript - Type-safe Components, Generics, Type Inference, Advanced Patterns
Master Vue Composition API - Composables, Reactivity Utilities, Script Setup, Provide/Inject
Master Vue Testing - Vitest, Vue Test Utils, Component Testing, E2E with Playwright
Master Nuxt.js - SSR, SSG, Nitro Server, Modules, Auto-imports, Deployment
Master Vue.js core concepts - Components, Reactivity, Templates, Directives, Lifecycle
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.