tools frontend AI 技能

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

分类目录: tools frontend

GitHub

trpc

oriolrius

Expert guidance for tRPC (TypeScript Remote Procedure Call) including router setup, procedures, middleware, context, client configuration, and Next.js integration. Use this when building type-safe APIs, integra...

☆ 5查看技能

GitHub

fastify

oriolrius

Expert guidance for Fastify web framework including server setup, routing, plugins, hooks, validation, error handling, and TypeScript integration. Use this when building high-performance Node.js web servers and...

☆ 5查看技能

GitHub

tanstack-router

oriolrius

Expert guidance for TanStack Router including file-based routing, type-safe navigation, route loaders, search params, nested routes, and lazy loading. Use this when building type-safe React applications with cl...

☆ 5查看技能

GitHub

tanstack-query

oriolrius

Expert guidance for TanStack Query (React Query) including queries, mutations, caching, invalidation, optimistic updates, pagination, and infinite queries. Use this when managing server state in React applicati...

☆ 5查看技能

GitHub

building-artifacts

WarrenZhu050413

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Artifacts are automatically saved to ~/Desktop/Artifacts...

☆ 5查看技能

GitHub

angular-migration

amurata

ハイブリッドモード、段階的コンポーネント書き換え、依存性注入更新を使用してAngularJSからAngularへ移行します。AngularJSアプリケーションのアップグレード、フレームワーク移行の計画、またはレガシーAngularコードのモダ...

☆ 5查看技能

GitHub

modern-javascript-patterns

amurata

async/await、分割代入、スプレッド演算子、アロー関数、Promise、モジュール、イテレータ、ジェネレータ、関数型プログラミングパターンなどのES6+機能を習得し、クリーンで効率的なJavaScriptコードを書きます。レガシーコー...

☆ 5查看技能

GitHub

react-modernization

amurata

Reactアプリケーションを最新バージョンにアップグレードし、クラスコンポーネントからフックへ移行し、並行機能を採用します。Reactコードベースのモダナイゼーション、React Hooksへの移行、または最新Reactバージョンへのア...

☆ 5查看技能

GitHub

setting-up-nextjs-project

camoneart

Configure Next.js projects with ESLint, Prettier, and recommended settings. Use when initializing Next.js projects, setting up linting, or when user mentions Next.js setup/Next.jsセットアップ.

☆ 5查看技能

GitHub

frontend-patterns

webdevtodayjason

Modern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI c...

☆ 5查看技能

GitHub

applying-nextjs-basic-principles

camoneart

Apply Next.js design principles and best practices for App Router, Server Components, caching strategies, and modern patterns including Next.js 16 updates. Use when building Next.js applications, implementing f...

☆ 5查看技能

GitHub

frontend-design

bdecrem

Comprehensive frontend design principles for creating distinctive, aesthetically compelling web interfaces. Use when creating HTML artifacts, React components, or any frontend UI work to avoid generic "AI slop"...

☆ 4查看技能

GitHub

using-react-19-patterns

QingqiShi

React 19 patterns and React Compiler behavior with Context shorthand syntax and use() hook. Use when working with Context, useContext, use() hook, Provider components, optimization patterns like useMemo, useCal...

☆ 4查看技能

GitHub

styling-with-stylex

QingqiShi

StyleX styling patterns using design tokens, breakpoints, and custom css prop. Use when working with styles, CSS, design tokens, breakpoints, responsive design, themes, styling components, css prop, stylex.crea...

☆ 4查看技能

GitHub

fetching-data

QingqiShi

Data fetching patterns for server/client components using fetch API, TanStack Query, useSuspenseQuery, apiRouteWrapper, and apiRequestWrapper. Use when implementing data loading, API calls, server functions, qu...

☆ 4查看技能

GitHub

internationalizing-components

QingqiShi

Internationalization (i18n) patterns for server and client components using getTranslations and useTranslations. Use when working with translations, locales, multilingual content, translation files, Translation...

☆ 4查看技能

GitHub

nextjs-16-app-router

blockmatic

Next.js 16 App Router patterns - pages, API routes, server components, client components, middleware. Use when: building Next.js 16 applications with App Router.

☆ 4查看技能

GitHub

tailwind-v4-shadcnui

blockmatic

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Includes component composition patterns, accessibility guidelines, and React Hook Form integration. Use when: initia...

☆ 4查看技能

GitHub

frontend-design

houke

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...

☆ 4查看技能

GitHub