home/categories/full-stack
category focus

Full Stack

Tools covering both frontend and backend dev.

2850 स्किल्सall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
full-stack
0

frontend-dev-guidelines

Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling with custom UI components, React Router, dark mode with CSS variables, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

jhouser
jhouser
development
open
full-stack
0

react-web-development

Build modern React applications with TypeScript, Zustand, React Query/Axios, and React Router. Use when (1) creating a new React app with TypeScript, (2) setting up state management with Zustand or React Query, (3) implementing API integration with Axios, (4) configuring routing with protected routes, or (5) building authentication flows

woojong92
woojong92
development
open
full-stack
0

server-sent-events

Server-Sent Events (SSE) for real-time progress updates in Next.js/Vercel. TransformStream patterns, client consumption, progress tracking.

SecurityRonin
SecurityRonin
development
open
full-stack
0

angular-20

Angular 20 knowledge and best practices. Use this skill when asked about Angular 20 development, architecture, components, routing, state management, performance, testing, and deployment. Includes standalone components, signals, and modern Angular patterns.

7Spade
7Spade
development
open
full-stack
0

creating-components

Creating React components for StickerNest. Use when the user asks to create a component, build a UI component, add a panel, create a toolbar, build a dialog, or implement any React UI element. Covers component structure, Zustand integration, theme tokens, hooks, and common UI patterns.

Nymfarious
Nymfarious
development
open
full-stack
0

vue

Vue.js and Nuxt development patterns and best practices

enact-on
enact-on
development
open
full-stack
0

build-ui-component

Generate React components with TypeScript and TailwindCSS. Accepts component name and description as parameters. Use when creating new UI components, building component libraries, or implementing visual elements.

ibecir
ibecir
development
open
full-stack
0

frontend-builder

React/TypeScript frontend developer for Faiston NEXO. Use for: (1) Creating or modifying React components, hooks, or UI elements; (2) Implementing responsive layouts with Tailwind CSS; (3) State management with TanStack Query or Context; (4) Performance optimization (lazy loading, memoization); (5) Accessibility implementation (ARIA, keyboard nav); (6) Component architecture review. PROACTIVE: Suggest improvements when user edits .tsx files.

LPDigital-Agent
LPDigital-Agent
development
open
full-stack
0

frontend-ui-expert

Use when building or refactoring React/Next.js UI components, creating responsive layouts with Tailwind CSS, designing with shadcn/ui or Chakra UI, converting Figma designs to code, building Docusaurus documentation sites, implementing accessible forms and interactive components, or architecting reusable component systems. NOT when building backend APIs, non-React frameworks, or simple static HTML without component architecture.

hafiznaveedchuhan-ctrl
hafiznaveedchuhan-ctrl
development
open
full-stack
0

designing-frontend-components

Creates production-grade UI components using Tailwind CSS, Shadcn/ui, and Radix UI. Follows VeXeViet design standards for accessibility and performance. Use when building or refactoring web UI.

BenWork17
BenWork17
development
open
full-stack
0

vue-expert

Expert Vue.js developer specializing in Vue 3 Composition API, Pinia state management, and Nuxt.js framework. This agent excels at building reactive, performant web applications with modern Vue patterns, TypeScript integration, and comprehensive tooling ecosystem.

404kidwiz
404kidwiz
development
open
full-stack
0

nextjs-server-navigation

Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.

mcclowes
mcclowes
development
open
full-stack
0

front-end-dev

Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code.

mattg101
mattg101
development
open
full-stack
0

react-component

React + TypeScript コンポーネント作成ガイド

Soki0909
Soki0909
development
open
full-stack
0

javascript-react

Expert-level JavaScript and React development. Use when asked to (1) write JavaScript code requiring advanced patterns like closures, proxies, generators, or async iterators, (2) build React applications with hooks, context, suspense, or server components, (3) optimize JavaScript/React performance, (4) implement complex state management, (5) write TypeScript with advanced type patterns, or when phrases like "React component", "JavaScript function", "TypeScript", "hooks", "state management", "frontend", "web app" appear.

jaredlander
jaredlander
development
open
full-stack
0

zustand-store-generator

Generate Zustand store files with TypeScript and middleware. Triggers on "create zustand store", "generate zustand state", "zustand slice", "state management".

ehtbanton
ehtbanton
development
open
full-stack
0

cloudflare-static-assets

Configure and use Cloudflare Static Assets with React Router, ensuring compatibility across development and production environments with automatic fallback handling. Use when deploying React Router applications to Cloudflare Workers that need to access files from the public directory.

atman-33
atman-33
development
open
full-stack
0

writing-utils

Use this skill when you need to write utility functions for the Next.js app

Emz1998
Emz1998
development
open
full-stack
0

nextjs

nextjs expert with self-populating documentation

darantrute
darantrute
development
open
full-stack
0

nuxt

Builds applications with Nuxt 3 including pages, layouts, composables, server routes, and data fetching. Use when creating Vue applications with SSR, building full-stack Vue apps, or needing file-based routing with Vue.

mgd34msu
mgd34msu
development
open
full-stack
0

frontend-components

Design and build reusable UI components following Astro's server-first architecture with islands, proper component composition, TypeScript props, and strategic client-side hydration. Use this skill when creating or modifying Astro components, React/Vue/Svelte islands, layout components, or any reusable UI elements. When working on .astro component files, framework component files (.jsx, .tsx, .vue, .svelte), layout components, page components, component prop interfaces, slot implementations, client directive usage (client:load, client:idle, client:visible), scoped component styles, or component documentation and examples.

SpacePlushy
SpacePlushy
development
open
full-stack
0

developing-svelte

Use when working with .svelte files, SvelteKit projects, or Svelte reactivity. Covers component structure, stores, routing, Svelte 5 runes, and testing patterns.

jkappers
jkappers
development
open
full-stack
0

frontend

Use when building UI components, pages, or features - guides Claude through the approved frontend stack (Next.js 15, React 19, Shadcn, Tailwind) with design-first workflow for complex UIs, enforcing patterns and quality standards

imehr
imehr
development
open
full-stack
0

react-frontend-spa

ReactでSPAフロントエンドを実装・改修するためのガイド。バックエンド分離前提でNext.jsやサーバーサイド機能に依存せず、React Router中心のクライアント実装を行う時に使う。認証はAuthProviderとuseAuthカスタムフックで統一し、OpenAPIからorvalまたはopenapi-typescriptで型/クライアントを生成して利用する。ESLint+Prettier、zod、shadcn/ui、デザイントークン(CSS変数/Tailwindテーマ)を前提にする場合に適用する。ディレクトリ構成はmodules/components/hooks/providers/servicesなどの直感的な命名で複雑化に耐える構成にする。

Higashi-Masafumi
Higashi-Masafumi
development
open
Previous
Page 97 / 119
Next