Frontend
8107 skills in Development > Frontend
linear
Manage Linear issues, projects, and cycles. Maintains session memory across conversations for context continuity.
nextjs-fullstack-scaffold
This skill should be used when the user requests to scaffold, create, or initialize a full-stack Next.js application with a modern tech stack including Next.js 16, React 19, TypeScript, Tailwind CSS v4, shadcn/ui, Supabase auth, Prisma ORM, and comprehensive testing setup. Use it for creating production-ready starter templates with authentication, protected routes, forms, and example features. Trigger terms scaffold, create nextjs app, initialize fullstack, starter template, boilerplate, setup nextjs, production template, full-stack setup, nextjs supabase, nextjs prisma.
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.
tether
Use when the user asks to create, build, implement, write, design, plan, generate, draft, make, add a feature, or develop. Provides tiered and anchored development preventing over-engineering and scope creep. The workspace and externalized traces drive tether's workflow.
cloudflare-workflows
Complete knowledge domain for Cloudflare Workflows - durable execution frameworkfor building multi-step applications on Workers that automatically retry, persiststate, and run for hours or days.Use when: creating long-running workflows, implementing retry logic, buildingevent-driven processes, scheduling multi-step tasks, coordinating between APIs,or encountering "NonRetryableError", "I/O context", "workflow execution failed","serialization error", or "WorkflowEvent not found" errors.Keywords: cloudflare workflows, workflows workers, durable execution, workflow step,WorkflowEntrypoint, step.do, step.sleep, workflow retries, NonRetryableError,workflow state, wrangler workflows, workflow events, long-running tasks, step.sleepUntil,step.waitForEvent, workflow bindings
webapp-escape-architect
Design and implement Next.js 15 + Supabase architecture for web-based escape room games. Handles database schema design, game engine class structure, scene transition logic, evidence discovery systems, and ending branches. Use when architecting web escape room games, designing game state management, or implementing murder mystery game mechanics with Next.js and Supabase.
shared-libraries-guidelines
Shared libraries guidelines for Quantum Skincare's TypeScript shared code (types, validation, utils). Covers type definitions, Zod validation schemas, utility functions, contract maintenance, DB vs App type separation, enum patterns, reusable refinements, and cross-project consistency. Use when working with @quantum/shared-types, @quantum/shared-validation, @quantum/shared-utils, or maintaining shared contracts.
build-and-deploy
Build and deploy this Next.js presentation application with PostgreSQL database. Use when building, deploying, setting up database, or preparing the project for production. Triggers on requests to build, deploy, seed database, or publish.
nextjs-core
Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies
page-layer
This skill should be used when the user asks to 'create a page', 'add a route', 'create a layout', 'add metadata', or 'set up a dynamic route'. Provides guidance for Next.js 15 App Router pages, layouts, and route handlers in app/**/*.tsx.
task-planning
Orchestrates the complete task planning workflow including codebase exploration, requirements gathering, and technical plan creation. Use when the user provides a new feature request, bug fix, or refactoring task that needs planning before implementation.
moai-foundation-trust
Complete TRUST 4 principles guide covering Test First, Readable, Unified, Secured. Validation methods, enterprise quality gates, metrics, and November 2025 standards. Enterprise v4.0 with 50+ software quality standards references.
server-actions-vs-api-optimizer
Analyze routes and recommend whether to use Server Actions or API routes based on use case patterns including authentication, revalidation, external API calls, and client requirements. Use this skill when deciding between Server Actions and API routes, optimizing Next.js data fetching, refactoring routes, analyzing route architecture, or choosing the right data mutation pattern. Trigger terms include Server Actions, API routes, route handler, data mutation, revalidation, authentication flow, external API, client-side fetch, route optimization, Next.js patterns.
frontend-languages
Master JavaScript and TypeScript for frontend development. Learn ES6+ features, async programming, DOM APIs, and type-safe JavaScript development.
responsive-typography
Implements fluid typography using CSS clamp() that scales with viewport. Use when creating responsive font sizes, viewport-aware headings, or type that adapts smoothly without breakpoints.
mapbox-use-guide
Comprehensive guide for implementing Mapbox GL JS maps in Angular with ngx-mapbox-gl. Use when building interactive maps, adding markers/popups/controls, implementing geolocation, creating coverage zones with polygons, working with GeoJSON layers, geocoding/directions, or managing map state. Covers installation, components, common patterns, and advanced features for Angular standalone components with signals.
aws-ai-services-expert
Build AI applications on AWS using Bedrock, SageMaker, and AI/ML services with best practices for enterprise deployment
skill-builder
Guide for creating effective Claude Code skills. Use when users want to create a new skill, update an existing skill, package a skill for distribution, or need guidance on skill structure and best practices. Triggers include "create skill", "build skill", "new skill", "make skill", "skill template", "package skill", or working with SKILL.md files.
academic-pub
Generate Nature-style academic HTML publications from notes, data, or drafts. Use when asked to create a manuscript, publication, paper, or formal scientific document.
vercel-blob
This skill provides comprehensive knowledge for integrating Vercel Blob object storage into Vercel applications. It should be used when setting up file uploads, managing images and documents, implementing CDN-delivered assets, or handling large files in Next.js serverless and edge functions.Use this skill when:- Setting up file uploads for Next.js applications (images, PDFs, videos)- Implementing client-side uploads with presigned URLs- Managing user-generated content (avatars, attachments, media)- Building file management features (list, download, delete)- Migrating from Cloudflare R2 to Vercel Blob- Encountering errors like "BLOB_READ_WRITE_TOKEN not set", "file size limit exceeded", or "client upload token errors"- Need simple object storage with automatic CDN distributionKeywords: vercel blob, @vercel/blob, vercel storage, vercel file upload, vercel cdn, blob storage vercel, client upload vercel, presigned url vercel, file upload nextjs, image upload vercel, pdf upload, video upload, user uploa