frontend▌
1,037 indexed skills · max 10 per page
nextjs-react-typescript
mindrally/skills · Frontend
Expert guidance for building Next.js applications with TypeScript, React Server Components, and modern UI libraries. \n \n Covers TypeScript best practices, functional component patterns, and Next.js App Router architecture with emphasis on Server Components over client-side rendering \n Recommends Shadcn UI, Radix UI, and Tailwind CSS for component building and responsive design using mobile-first approach \n Includes performance optimization strategies: dynamic loading, image optimization with
nextjs-developer
jeffallan/claude-skills · Frontend
Next.js 14+ App Router specialist for server components, server actions, and full-stack deployment. \n \n Covers App Router architecture, layouts, route groups, loading/error boundaries, and streaming SSR with Suspense \n Implements server components by default with 'use client' only at leaf boundaries; handles data fetching with explicit cache and revalidation strategies \n Provides server actions for form handling, mutations, and on-demand cache revalidation via revalidatePath \n Includes gene
swiftui-expert-skill
sickn33/antigravity-awesome-skills · Frontend
Use this skill to build, review, or improve SwiftUI features with correct state management, optimal view composition, and iOS 26+ Liquid Glass styling. Prioritize native APIs, Apple design guidance, and performance-conscious patterns. This skill focuses on facts and best practices without enforcing specific architectural patterns.
tailwind-theme-builder
jezweb/claude-skills · Frontend
Tailwind v4 and shadcn/ui setup with CSS variables, dark mode, and semantic color theming. \n \n Automates dependency installation, Vite configuration with the Tailwind plugin, and shadcn/ui initialization \n Implements a mandatory four-step CSS architecture: root CSS variables, @theme inline mapping, base styles, and dark mode via class switching \n Includes pre-built theme provider component for dark mode toggling and persistent theme storage \n Provides troubleshooting guides for common v4 mi
design-review
jezweb/claude-skills · Frontend
Review a web app or page for visual design quality. This is not a UX audit (usability, workflow, friction) — this checks whether the design is professional, consistent, and polished.
secure-workflow-guide
trailofbits/skills · Frontend
Smart contract security review through Trail of Bits' 5-step workflow with automated scanning, visual analysis, and property documentation. \n \n Runs Slither with 70+ detectors to identify known vulnerabilities, then checks for special features like upgradeability risks, ERC conformance, and token integration patterns \n Generates three security diagrams (inheritance graph, function visibility, state variable authorization) to reveal architectural vulnerabilities that text descriptions miss \n
heroui-react
heroui-inc/heroui · Frontend
Accessible React component library built on Tailwind CSS v4 and React Aria with compound component patterns. \n \n Provides 20+ pre-built components (Button, Modal, Form, Card, TextField, etc.) using compound composition syntax ( Card.Header , Card.Content ) \n Requires Tailwind CSS v4 and uses CSS variables with oklch color space for theme customization; no provider wrapper needed in v3 \n Semantic variant system ( primary , secondary , tertiary , danger , ghost , outline ) for consistent inten
build-mcp-app
anthropics/claude-plugins-official · Frontend
An MCP app is a standard MCP server that also serves UI resources — interactive components rendered inline in the chat surface. Build once, runs in Claude and ChatGPT and any other host that implements the apps surface.
adk-deploy-guide
google/adk-docs · Frontend
Comprehensive deployment guide for ADK agents across Google Cloud platforms with CI/CD, infrastructure, and troubleshooting. \n \n Covers three deployment targets (Agent Engine, Cloud Run, GKE) with a decision matrix comparing scaling, networking, session state, and cost models \n Includes quick-deploy CLI commands, scaffolded project workflows with make commands, and full CI/CD pipeline setup via GitHub Actions or Cloud Build with Workload Identity Federation \n Provides platform-specific detai
schema-builder
get-convex/agent-skills · Frontend
Design and generate Convex database schemas with proper validation, indexes, and relationships. \n \n Provides schema templates and patterns for one-to-many, many-to-many, and hierarchical relationships using ID references instead of nesting \n Includes validator reference for all Convex types ( v.string() , v.id() , v.union() , etc.) and guidance on when to use arrays versus relational structures \n Covers index strategy with single-field and compound index examples for common query patterns \n