tools frontend AI 技能

发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。

分类目录: tools frontend

GitHub

webapp-devnextjs-patterns

AmplifyAutomation

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.

☆ 1查看技能

GitHub

webapp-devsupabase-integration

AmplifyAutomation

Use this skill when integrating Supabase with React/Next.js applications. Covers authentication, database queries, real-time subscriptions, and storage.

☆ 1查看技能

GitHub

webapp-devreact-components

AmplifyAutomation

Use this skill when building React components. Provides patterns for component structure, props, state management, custom hooks, and TypeScript integration.

☆ 1查看技能

GitHub

SwiftUI animations, @Animatable macro, withAnimation, transitions, PhaseAnimator, KeyframeAnimator, and interactive motion design. Use when user asks about animations, transitions, @Animatable, withAnimation, s...

☆ 1查看技能

GitHub

navigation-menus

bluewaves-creations

Modern SwiftUI navigation patterns, NavigationStack, NavigationSplitView, TabView, toolbars, context menus, and router patterns. Use when user asks about navigation, NavigationStack, TabView, menus, toolbars, r...

☆ 1查看技能

GitHub

jotai-reactive-atoms

naporin0624

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...

☆ 1查看技能

GitHub

composable-architecture

goodevibes

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...

☆ 1查看技能

GitHub

frontend-components

TorbenMerrald

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...

☆ 1查看技能

GitHub

frontend-responsive

TorbenMerrald

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...

☆ 1查看技能

GitHub

vaadin-grid-styling

TorbenMerrald

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...

☆ 1查看技能

GitHub

frontend-css

TorbenMerrald

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....

☆ 1查看技能

GitHub

web-artifacts-builder

huminglong

一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts（交互式组件）的工具集。该工具集采用现代前端技术栈，包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目，...

☆ 1查看技能

GitHub

frontend-design

huminglong

创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化时），使用这项...

☆ 1查看技能

GitHub

apple-design

aphlo

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...

☆ 1查看技能

GitHub

reactive-state-expert

vanyastaff

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.

☆ 1查看技能

GitHub

common-region

vjrivmon

Elementos dentro de un área delimitada se perciben como grupo. Use cuando diseñe cards, secciones, formularios agrupados, o contenedores visuales.

☆ 1查看技能

GitHub

common-fate

vjrivmon

Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o elementos que reaccionan en conjunto.

☆ 1查看技能

GitHub