secondsky/claude-skills
312 skills44.5k installs61.2k starsGitHub
Install
npx skills add https://github.com/secondsky/claude-skillsSkills in this repo
1Tailwind V4 ShadcnProduction-tested setup for Tailwind CSS v4 with shadcn ui Vite and React Use when initializing React projects with Tailwind v4 setting up shadcn ui implementing dark mode debugging CSS variable issues fixing theme switching migrating from Tailwind v3 or encountering color theming problems Covers theme inline pattern CSS variable architecture dark mode with ThemeProvider componen name tailwind-v4-shadcn description Production-tested setup for Tailwind CSS v4 with shadcn ui Vite and React Use when initializing React projects with Tailwind v4 setting up shadcn ui implementing dark mode debugging CSS variable issues fixing theme switching migrating from Tailwind v3 or encountering color theming problems Covers theme inline pattern CSS variable architecture dark mode with ThemeProvider component composition vite config setup common v4 gotchas and production-tested patterns metadata keywords Tailwind v4 shadcn ui tailwindcss vite theme inline dark mode CSS variables hsl wrapper components json React theming theme switching colors not working variables broken theme not applying plugin directive typography plugin forms plugin prose class tailwindcss typography tailwindcss forms license M.6.9kinstalls2Aceternity UiThe aceternity-ui skill documents 100+ animated React components from Aceternity UI for Next.js projects styled with Tailwind CSS. It covers hero sections, parallax scrolling, 3D effects, and motion-heavy landing page patterns installed via shadcn-compatible CLI workflows. Guidance addresses common integration errors when adding animated components alongside existing shadcn setups. Agents select components for marketing pages needing distinctive motion without building animations from scratch. 100+ animated React components for Next.js with Tailwind. Hero, parallax, and 3D effect landing page patterns. shadcn CLI integration guidance and error troubleshooting. MIT-licensed Aceternity UI component catalog. Accelerates motion-heavy marketing UI without custom animation code. Add Aceternity UI animated React components to Next.js sites with Tailwind and shadcn CLI integration.1.1kinstalls3Motionmotion is a skill from secondsky/claude-skills that documents how to make Motion (Framer Motion) animations accessible. It covers respecting prefers-reduced-motion for users with vestibular disorders, keyboard navigation support, ARIA integration, and accessibility testing workflows. The guide explains OS-level Reduce Motion settings and why animated UIs must degrade gracefully. Developers reach for motion when shipping React interfaces with Motion animations that must pass accessibility review for motion sensitivity, keyboard-only use, and screen reader compatibility.793installs4Playwrightplaywright is a Claude Code skill that equips agents to author and execute real-browser Playwright tests on a developer machine. It bundles @playwright/test and the Playwright runtime (lockfile pins Playwright 1.57.0) so agents can scaffold specs, drive Chromium/WebKit/Firefox, fill forms, click through flows, and assert DOM state without manual test boilerplate. Developers reach for playwright when a feature needs repeatable UI verification—login paths, checkout wizards, or regression checks—before merging or shipping. The skill targets local execution with standard Playwright CLI patterns rather than hosted CI configuration alone.777installs5Api Testingapi-testing is a secondsky Claude skill that encodes expert patterns for HTTP API testing in two stacks: Supertest with Vitest or Bun in TypeScript and JavaScript, and httpx with pytest in Python. The skill walks through installation commands such as bun add -d supertest @types/supertest, basic request setup against an app instance, and scenarios for REST endpoints, GraphQL queries, auth headers, and error responses. Developers reach for api-testing when scaffolding integration tests for Express, Fastify, or FastAPI services and need consistent request/response assertion structure. The skill allows Bash, Read, Edit, Write, Grep, and Glob so agents can install deps, read route files, and generate test files in place.695installs6Vitest Testingvitest-testing is a Testing & QA skill that equips coding agents with expert Vitest workflows for TypeScript and JavaScript codebases. The skill covers installation via Bun or npm, vitest.config.ts setup, native ESM support, Vite-powered hot module reload during test runs, and comprehensive mocking patterns. Allowed tools Bash, Read, Edit, Write, Grep, Glob, and TodoWrite let agents scaffold tests, execute suites, and fix failures in real repositories. Developers reach for vitest-testing when migrating from Jest, adding coverage to Vite apps, or maintaining fast unit and integration tests without spinning up a separate test runner stack.662installs7Responsive Web Designresponsive-web-design is a secondsky claude-skills agent skill for building adaptive web interfaces with a mobile-first approach using Flexbox, CSS Grid, and media queries. It documents breakpoint patterns starting at 320px mobile base, 640px tablet, and 1024px desktop with container padding and max-width adjustments. Developers reach for responsive-web-design when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility without ad-hoc CSS fixes. The skill ships under MIT license and emphasizes progressive enhancement from small screens upward rather than desktop-first overrides.514installs8Zodzod is a Claude Code skill from secondsky/claude-skills—part of a 170-skill collection and the tooling-skills plugin suite—that documents Zod 4.x schema validation for TypeScript projects. The skill covers z.object, z.string, z.union, z.discriminatedUnion, refinements, transforms, safeParse error handling, and JSON Schema export for OpenAPI or AI tool contracts. It targets Zod package version 4.1.12 or newer with a 2kb gzipped zero-dependency core, requiring TypeScript 5.5+ and strict compiler settings. Developers reach for zod when validating API requests and responses, parsing environment variables, building react-hook-form or tRPC stacks, or debugging missing validation and type inference issues. The skill metadata is version 2.0.0 last verified 2025-11-17 and installs via tooling-skills@claude-skills rather than legacy per-skill plugin commands in the v2.0+ marketplace layout.502installs9Image Optimizationimage-optimization is a Claude Code skill (MIT) for frontend developers preparing assets for production. The skill guides format selection across JPEG (50–70% lossy reduction for photos), PNG (lossless, 10–30% for icons), WebP (25–35% better than JPEG), AVIF (up to 50% better than JPEG), and SVG for vector logos. Developers reach for image-optimization when Core Web Vitals scores lag, responsive srcset is missing, or lazy loading is not wired. The skill covers compression tradeoffs, picture elements, and deployment-ready asset pipelines so pages load faster without visible quality loss.453installs10Rest Api Designrest-api-design is an MIT-licensed agent skill in secondsky/claude-skills, part of a marketplace catalog listing 170 production-ready skills across frontend, cloudflare, AI, and API categories—the API category alone includes 16 skills. The SKILL.md teaches REST conventions: plural noun routes like GET /api/users/123/orders, HTTP method intent with idempotency expectations, and status codes including 200, 201, 204, 400, 401, 403, 404, and 429. Responses standardize JSON with data, meta, pagination, and links sections. Query parameters cover filtering, sorting, field selection, and pagination, with versioning recommended in paths such as /api/v1/. Install via npx playbooks add skill secondsky/claude-skills --skill rest-api-design or the Claude marketplace plugin rest-api-design@claude-skills. Use rest-api-design when drafting a new public API or team style guide before implementation.449installs11Inspira Uiinspira-ui is a Claude Code skill for Inspira UI, a copy-paste library of 120+ animated Vue and Nuxt components built on TailwindCSS v4, motion-v, GSAP, and Three.js rather than a traditional npm package install. The skill walks developers through dependency setup with clsx, tailwind-merge, class-variance-authority, tw-animate-css, @vueuse/core, and motion-v, plus optional three and ogl packages for 3D or WebGL backgrounds. It provides component selection workflows for hero sections, aurora backgrounds, shimmer buttons, morphing text, fluid cursors, and particle systems, along with fixes for CSS variable theming, motion-v integration errors, and WebGL cleanup to prevent memory leaks. Developers reach for inspira-ui when shipping marketing sites, portfolios, or SaaS landing pages that need Aceternity-style motion in Vue 3 or Nuxt 4 projects without rebuilding animation primitives from scratch. Install with npx skills add secondsky/claude-skills --skill inspira-ui when you want the agent to pick components from the Inspira UI gallery and wire imports explicitly.428installs12Nano Banana Promptsnano-banana-prompts is a Claude Code skill (MIT) for developers and designers using Google's Gemini 2.5 Flash Image model, nicknamed Nano Banana. The skill converts keyword lists into scene-based natural descriptions—e.g., turning `` woman, business suit, office `` into a full environmental sentence with lighting and composition. Developers reach for nano-banana-prompts when generating marketing visuals, UI mockup art, photo-realistic assets, or multi-turn editing sessions. The skill follows October 2025 best practices: describe scenes naturally, specify art styles, and structure prompts for iterative refinement rather than tag dumping.416installs13Mobile First Designmobile-first-design is a Claude Code skill from secondsky/claude-skills that structures responsive web work around four width tiers: Mobile (320-480px), Tablet (481-768px), Desktop (769-1024px), and Large (1025px+). The skill prescribes mobile-base CSS with min-width media queries so layouts scale up instead of collapsing down. Developers reach for mobile-first-design when building landing pages, dashboards, or component libraries where touch targets, readable type, and fluid grids must work on phones before desktop polish. It pairs naturally with Tailwind, plain CSS, or CSS-in-JS projects and emphasizes constraint-first layout before adding desktop-only enhancements.411installs14Api Authenticationapi-authentication in secondsky/claude-skills helps developers implement secure authentication mechanisms for REST APIs using modern standards. The skill documents four primary methods in a comparison table: JWT for stateless auth and SPAs, OAuth 2.0 for third-party integration, API keys for service-to-service calls, and session-based auth for traditional web applications. Guidance includes JWT implementation patterns in Node.js with jsonwebtoken, token issuance and verification flows, and best practices for protecting endpoints without exposing secrets. Developers reach for api-authentication when adding login flows, securing new API routes, or choosing between stateless and session-based strategies. Agents produce concrete authentication middleware, token validation logic, and configuration aligned with each method's security level rather than generic security checklists.405installs15Web Performance Auditweb-performance-audit is an MIT-licensed Claude skill from secondsky/claude-skills for comprehensive frontend performance audits and optimization guidance. The skill documents Core Web Vitals targets in a threshold table covering LCP, FID, CLS, and INP with good, needs-improvement, and poor bands—for example LCP under 2.5s good and above 4s poor. Developers reach for web-performance-audit when page load times slip, performance reviews are due, UX optimization is required, or they encounter LCP delays, FID lag, CLS shifts, resource blocking, and render delays. The workflow identifies bottlenecks, prioritizes fixes for images, JavaScript, caching, and render paths, and supports recurring measurement rather than one-off Lighthouse runs without follow-through.401installs16Web Performance Optimizationweb-performance-optimization: A skill for development. This provides functionality for development workflows.397installs17Kpi Dashboard Designkpi-dashboard-design is an MIT-licensed agent skill from secondsky/claude-skills that guides Claude to design KPI dashboards with sound metric selection, visual hierarchy, and data visualization best practices. Developers use it when building executive dashboards, analytics views, or business metric presentations that must communicate MRR, CAC, conversion, and retention clearly. The skill includes a KPI selection framework requiring metrics to be relevant, measurable, team-influenced, frequently updated, and simple to understand. Reach for it before coding dashboard UI when metric choices and layout hierarchy need structure.392installs18Vulnerability Scanningvulnerability-scanning is a MIT-licensed security automation skill in secondsky/claude-skills for Claude Code workflows. It wires agents to Trivy, Snyk, npm audit, Grype, OWASP dependency-check, and Docker image scanners to surface CVEs, outdated packages, license violations, and SBOM gaps. Developers invoke it for pre-deployment audits, compliance requirements, and CI/CD security gates when supply-chain risk blocks a release. The skill metadata explicitly covers container scanning, static analysis, and security-compliance reporting so findings can gate merges or deployments.382installs19Code Reviewcode-review is a Claude Code skill in the secondsky/claude-skills collection intended for development task assistance during review. It helps agents evaluate diffs, flag defects, suggest improvements, and summarize review findings before merge. Developers reach for code-review when they want consistent agent-driven PR feedback on logic, style, and risk without manually writing review checklists for every change set.375installs20React Composition Patternsreact-composition-patterns is an agent skill entry in secondsky/claude-skills focused on React component composition techniques. The catalog describes it as task automation for Claude Code workflows around reusable UI structure, and the slug signals compound-component, children-as-props, and layout composition guidance for frontend codebases. Developers reach for react-composition-patterns when refactoring brittle prop interfaces, building extensible component APIs, or aligning new React features with established composition idioms. Published readme content is empty, so behavior follows the skill identity and secondsky/claude-skills conventions rather than a bundled script list.375installs21Design System Creationdesign-system-creation is a skill in secondsky/claude-skills that produces full design system packages for consistent UI development. It covers design tokens, typography scales, spacing, semantic color palettes, dark mode theming, CSS variables, responsive grid breakpoints, WCAG accessibility, component patterns, and supporting documentation aligned with Figma and Storybook workflows. Developers invoke it when standing up a new product UI foundation, formalizing brand rules, or preventing one-off styling drift across repositories. The skill emphasizes semantic tokens, component libraries, and style guides developers can hand to implementation teams.367installs22Api Rate Limitingapi-rate-limiting is an MIT-licensed agent skill in secondsky/claude-skills that implements API throttling with token bucket, sliding window, and fixed window algorithms, including Redis-backed distributed counters for multi-instance services. The SKILL.md compares trade-offs—token bucket burst tolerance versus sliding-window accuracy versus fixed-window simplicity—and provides a Node.js TokenBucket reference implementation with per-user and per-endpoint strategies. Developers reach for api-rate-limiting when exposing public REST or GraphQL APIs, adding freemium tier quotas, or mitigating denial-of-service patterns before launch. The workflow covers algorithm selection, memory implications, boundary spike risks on fixed windows, and Redis integration for shared state across nodes. Use while hardening auth-adjacent routes or monetized API products. Skip when rate limiting is already enforced at a CDN or API gateway with no application-layer changes, or for internal-only services behind private networks with no abuse surface.366installs23Better Authbetter-auth is a skill slug in secondsky/claude-skills described for development tasks involving the Better Auth ecosystem, a TypeScript-first authentication library commonly used with modern web frameworks. The catalog excerpt provides no SKILL.md body, so specifics such as provider plugins, database adapters, or CLI commands cannot be verified from the source snippet alone. Developers typically reach for better-auth when wiring email/password, OAuth, or session management into Next.js or Node backends and want agent guidance aligned to Better Auth conventions. Treat confidence as moderate-low until the repository readme confirms covered frameworks and setup steps.362installs24Mobile App Testingmobile-app-testing is a Claude Code plugin skill from secondsky/claude-skills that implements comprehensive mobile testing strategies for React Native, iOS, and Android applications. It maps a testing pyramid allocating roughly 70% unit tests (Jest, XCTest, JUnit), 20% integration tests (Detox, Espresso), and 10% E2E tests (Appium, Detox). The skill provides framework setup guidance, example login-flow Detox specs, flaky-test debugging, device-farm CI integration, and platform-specific error resolution. Developers reach for mobile-app-testing when setting up test infrastructure, writing E2E automation, encountering flaky selectors, or configuring cross-platform mobile CI pipelines. It recommends testID and accessibility-label conventions, mocking external dependencies, and maintaining above 80% code coverage targets for business logic.357installs25Architecture Patternsarchitecture-patterns is an MIT-licensed agent skill in secondsky/claude-skills that teaches proven backend structuring approaches: Clean Architecture, Hexagonal Architecture (ports and adapters), and Domain-Driven Design for maintainable, testable, scalable services. Developers reach for architecture-patterns when greenfield APIs outgrow ad hoc folders, when monolith modules need clearer domain boundaries, or when teams standardize layering rules before multi-team expansion. The SKILL.md triggers include designing new backend systems, refactoring monoliths for maintainability, and establishing architecture standards during migrations. The workflow emphasizes dependency direction, isolating domain logic from infrastructure, defining bounded contexts, and keeping tests fast via decoupled adapters. Use during system design reviews or large refactors. Skip for single-route prototypes, frontend-only tasks, or small scripts where formal layering overhead exceeds benefit.356installs26Api Security Hardeningapi-security-hardening is a Claude Code skill from the secondsky/claude-skills marketplace that guides developers through layered REST API security hardening for production deployments. The skill applies authentication and authorization patterns including JWT and OAuth2 best practices, per-IP and per-client rate limiting with stricter limits on auth endpoints, express-validator input sanitization, and security headers such as CSP, HSTS, X-Frame-Options, and CORS whitelisting. It ships middleware stack examples using Express utilities like helmet and demonstrates route-level limits for sensitive endpoints alongside explicit never-do operational rules. Developers reach for api-security-hardening during security audits, before production launch, or when remediating injection attacks, XSS, parameter pollution, and abusive client traffic. The skill includes a compact checklist so teams enforce secure API practices without ad-hoc security research across services.355installs27Api Reference Documentationapi-reference-documentation is an MIT-licensed skill from secondsky/claude-skills (part of a 170-skill collection) that authors API reference material using OpenAPI 3.0.3 with servers, security schemes, path operations, schemas, and JSON examples. It includes a 7-item documentation checklist covering endpoints, auth, errors, rate limits, pagination, webhooks, and multi-language SDK samples, plus guidance for Swagger Editor, Redoc, Postman Documentation, and Stoplight. Use api-reference-documentation when documenting REST endpoints, generating openapi.yaml, or standing up a developer portal consumers can explore interactively.352installs28Payment Gateway Integrationpayment-gateway-integration is an MIT-licensed secondsky/claude-skills plugin that implements secure payment processing for Stripe (Node.js PaymentIntents, subscriptions, refunds), PayPal (order capture, refunds, webhooks via references/paypal-integration.md), and Square-style flows with signature-verified webhooks and idempotency keys. It ships Node.js service examples, webhook handlers using express.raw for Stripe signatures, and a 9-item security checklist covering SDK-only usage, HTTPS routes, sandbox testing, and minimal card-data retention. Use payment-gateway-integration when adding checkout, recurring billing, refund handling, or dispute webhooks to a monetized SaaS or e-commerce API.352installs29Ml Model Trainingml-model-training: A skill for development. This provides functionality for development workflows.350installs30React Native Skillsreact-native-skills is a secondsky/claude-skills plugin (version 1.0.0, MIT license) packaging comprehensive React Native and Expo best practices for AI-assisted mobile development. Metadata documents 35+ rules prioritized from critical list performance through animation, navigation, UI patterns, state management, rendering, monorepo setup, and configuration. Quick-reference entries include FlashList virtualization, Reanimated GPU-property animation, native stack navigators, expo-image usage, and React Compiler shared-value handling. Developers reach for react-native-skills when building scroll-heavy screens, tuning Reanimated gestures, configuring native modules or fonts, or refactoring components for React Compiler compatibility in Expo monorepos.345installs31Technical Specificationtechnical-specification is a secondsky claude-skills template for comprehensive software specs before coding starts. The embedded template spans metadata, executive summary, functional and non-functional requirements tables, architecture and API design with request/response examples, SQL schema snippets, phased implementation plans, testing strategy with coverage targets, risks and mitigations, and success criteria checklists. A fuller references/template.md adds security threat analysis, monitoring, rollout and rollback plans, and dependency tracking. Developers reach for technical-specification when planning features, documenting system design, or drafting architecture decision records that need measurable acceptance criteria instead of vague adjectives like fast or scalable.345installs32Api Contract Testingapi-contract-testing is an agent skill in secondsky/claude-skills for API contract testing automation inside Claude Code workflows. The skill helps developers define, run, and maintain contract tests that catch breaking changes between API providers and consumers before deployment. Teams reach for api-contract-testing when microservices, REST, or GraphQL boundaries need repeatable verification that payloads, status codes, and schemas stay compatible across versions. It fits backend engineers shipping API changes who want agent-guided test scaffolding rather than ad hoc manual checks.344installs33Progressive Web Appprogressive-web-app is an MIT-licensed agent skill from secondsky/claude-skills for PWA development. The skill guides developers through web app manifest configuration with fields like name, short_name, start_url, display, theme_color, and icon sizes such as 192x192, plus service worker registration, cache strategies, offline functionality, installation prompts, and push notification setup. It helps resolve common errors around service worker scope, manifest validation, and cache invalidation. Developers reach for progressive-web-app when turning a responsive web app into an installable, offline-capable experience without shipping a native mobile binary.338installs34Interaction Designinteraction-design is a Claude Code skill for building intuitive user experiences through feedback and interaction patterns. It documents timing guidance such as 100-200ms microinteractions for button presses, 200-400ms transitions for page or modal changes, and 300-500ms entrance animations for list items, plus skeleton loader CSS for loading states. The skill applies when designing loading states, error handling UX, animation guidelines, or touch interactions with accessibility in mind. Developers reach for interaction-design when UI work needs consistent motion, clear system feedback, and production-ready interaction specs instead of one-off CSS tweaks.333installs35Test Quality Analysistest-quality-analysis is a MIT-licensed agent skill that gives coding agents expert guidance for evaluating automated test quality across five dimensions: correctness, reliability, maintainability, performance, and coverage. The skill detects test smells, overmocking, flaky assertions, insufficient coverage, and common anti-patterns that make CI untrustworthy. Agents use allowed tools Bash, Read, Edit, Write, Grep, Glob, and TodoWrite to scan test files, trace mocks, and propose concrete refactors. Invoke test-quality-analysis during pull request review, test-suite cleanup sprints, or when flaky CI failures block merges. The workflow emphasizes deterministic tests, readable structure, fast execution, and behavior-focused assertions instead of implementation details. Developers reach for this skill when test debt slows delivery more than missing features.333installs36Sequential Thinkingsequential-thinking is a secondsky/claude-skills module under MIT license that enables structured problem-solving through iterative reasoning steps an agent can revise or branch. Core capabilities include breaking complex problems into sequential thoughts, dynamically adjusting total thought count as understanding evolves, reconsidering previous conclusions, and exploring alternative branches before committing. Developers reach for sequential-thinking when scope is ambiguous, multiple approaches exist, design planning needs decomposition, or a problem requires explicit revision tracking rather than a single-shot answer. Trigger conditions include complex problems, multi-stage analysis, unclear scope, and alternative approach exploration.332installs37Frontend Designfrontend-design is a secondsky/claude-skills module licensed under MIT that guides agents to build web components, pages, and applications with exceptional attention to typography, color, motion, and layout choices. The skill explicitly avoids generic AI aesthetics and delivers real working code tuned to the user's stated purpose, audience, and technical constraints. Developers reach for frontend-design when scaffolding marketing pages, dashboards, or component libraries that must look polished and intentional rather than template-default. It pairs design thinking with implementation output so agents produce shippable HTML, CSS, and framework code in one pass.331installs38Mobile App Debuggingmobile-app-debugging is an MIT-licensed agent skill from secondsky/claude-skills for mobile application troubleshooting. The skill covers iOS debugging with Xcode breakpoints, LLDB commands like po, p, and bt, memory graph analysis, Android Profiler usage, React Native debugger workflows, and native bridge error diagnosis. It addresses crashes, memory leaks, performance regressions, and network failures across native and cross-platform stacks. Developers reach for mobile-app-debugging when release builds fail in TestFlight, Play Console, or device testing and need structured profiler and debugger guidance.331installs39Api Error Handlingapi-error-handling is an agent skill in the secondsky/claude-skills collection focused on structuring HTTP API error handling for backend services. Based on its slug and catalog placement, it helps developers define consistent error response shapes, map exceptions to status codes, and communicate validation and server failures clearly to API consumers. Teams reach for it when new endpoints lack a unified error contract or when agents generate handlers with ad-hoc JSON error bodies. Documentation in the repository is minimal, so treat it as a focused backend pattern skill rather than a full framework integration.330installs40Csrf Protectioncsrf-protection is a security skill in the secondsky/claude-skills security-skills suite that guides CSRF hardening for production web applications. It covers synchronizer tokens, double-submit cookies, and SameSite cookie attributes for JavaScript stacks including Express and React, plain HTML forms, and Python backends. Developers invoke it when securing login flows, payment or settings forms, and any state-changing POST, PUT, or DELETE route vulnerable to cross-site request forgery. The skill emphasizes defense-in-depth alongside authentication layers rather than replacing auth entirely. It ships beside access-control-rbac, xss-prevention, and security-headers-configuration in a six-skill security bundle installable via /plugin install security-skills@claude-skills. Reach for csrf-protection during pre-launch security passes or when audit findings flag missing anti-CSRF middleware on session-backed applications.328installs41Recommendation Enginerecommendation-engine is an agent skill in the secondsky/claude-skills collection aimed at building recommendation and personalization systems. From its name and catalog context, it supports designing candidate retrieval, ranking models, feature stores, and serving endpoints for product recommendation use cases. Developers reach for it when adding related-item suggestions, personalized feeds, or collaborative filtering to a SaaS or e-commerce API. Repository documentation is sparse, so expect pattern guidance for recommendation architecture rather than a pinned ML framework version.328installs42Root Cause Tracingroot-cause-tracing: A skill for development. This provides functionality for development workflows.327installs43Internationalization I18ninternationalization-i18n is a developer skill for working on internationalization tasks in application codebases. internationalization-i18n is intended to help developers plan and apply changes such as extracting UI strings, defining translation keys, and wiring locale selection and formatting behaviors into the frontend. internationalization-i18n is typically used when a product expands to new regions or when developers need consistent localization patterns across multiple routes and components. Developers reach for internationalization-i18n when i18n work touches many files and requires repeatable transformations, such as converting hardcoded strings to translation lookups and ensuring date/number formatting is locale-safe.325installs44Websocket Implementationwebsocket-implementation is a real-time networking skill that helps developers implement WebSocket communication, including connection lifecycle handling and message exchange patterns for bidirectional updates. websocket-implementation is typically used when building features like live notifications, collaborative editing, presence, multiplayer updates, or streaming status dashboards where HTTP polling is insufficient. Developers reach for websocket-implementation while designing server endpoints, message schemas, reconnection strategies, and client subscription logic, often alongside load testing and observability planning. websocket-implementation fits best when you want pragmatic guidance on wiring WebSocket servers and clients and avoiding common pitfalls like dropped connections, backpressure, and inconsistent message ordering.325installs45Ultraciteultracite is a developer skill intended to help with Ultracite-related development tasks, typically used as part of a code quality and review workflow. ultracite can be applied when developers want to standardize changes, catch quality issues early, or align code with a chosen set of conventions before merging and releasing. ultracite is useful when a codebase relies on repeatable checks that should be applied consistently across many files, such as formatting, validation, or structured change review steps. Developers reach for ultracite when they need an agent to focus on quality gates and produce actionable edits or recommendations tied to code artifacts rather than broad advice.324installs46Nuxt Productionnuxt-production is a Claude Code skill from secondsky/claude-skills focused on Nuxt.js production workflows. It helps developers configure builds, SSR and SSG output, environment variables, hosting adapters, and release checks for Vue 3 applications using the Nuxt framework. Developers reach for nuxt-production when moving a Nuxt app from local development to staging or production, tuning nitro presets, caching, and deployment targets. The skill addresses common production pitfalls in routing, hydration, and build optimization without replacing official Nuxt documentation.321installs47Seo Keyword Cluster Builderseo-keyword-cluster-builder is an MIT-licensed SEO skill from secondsky/claude-skills for structuring large keyword research lists into topic clusters with pillar page and hub architecture. It plans internal linking strategies that build topical authority and resolves common cluster organization and hub architecture errors during content strategy work. Developers reach for seo-keyword-cluster-builder when launching documentation hubs, developer blogs, or marketing sites that need a coherent pillar-and-cluster map instead of disconnected blog posts competing for the same queries.321installs48Security Headers Configurationsecurity-headers-configuration is a MIT-licensed Claude skill for HTTP browser security headers. It provides production-ready values and implementation snippets for Express using Helmet and for Nginx add_header blocks, covering HSTS, Content-Security-Policy, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, and Permissions-Policy. A 6-item checklist tracks rollout steps, and the skill points to SecurityHeaders.com, Mozilla Observatory, and Google CSP Evaluator for verification. Developers invoke it when hardening SaaS or API frontends, tightening CSP before production, or preparing for penetration tests and security audits without rewriting header guidance from scratch.320installs49Threejsthreejs is a production-ready Three.js knowledge skill (version 1.0.0) in secondsky/claude-skills covering 10 essential domains: fundamentals, geometry, materials, lighting, textures, animation, loaders, shaders, postprocessing, and interaction. It targets Three.js r160+ with ES module imports from three and three/addons, verified against January 2024 APIs. Each domain maps to a dedicated references/threejs-*.md file developers load on demand, plus quick-start examples for scenes, PBR materials, GLTF/GLB loading with Draco compression, EffectComposer bloom, and raycasting with OrbitControls. Reach for threejs when building product configurators, data visualizations, WebGL games, or interactive marketing experiences in React or vanilla JavaScript. The skill emphasizes proper disposal, instancing, shadow configuration, and performance patterns like limiting active lights. Install via frontend-skills or the standalone threejs plugin entry in the secondsky marketplace.320installs50App Store Deploymentapp-store-deployment is a secondsky/claude-skills MIT-licensed agent skill for shipping mobile apps to the iOS App Store and Google Play. It documents build-and-archive flows with xcodebuild against an App.xcworkspace scheme, Release configuration, and archivePath exports, plus IPA export steps for iOS distribution alongside Android signing and submission guidance. Developers invoke app-store-deployment when preparing app releases, configuring signing certificates, or wiring automated deployment pipelines instead of guessing store-specific procedures. The skill covers versioning, release management, and CI/CD automation triggers described in its front-matter for store-ready builds. Reach for app-store-deployment when a React Native, native iOS, or Android codebase needs repeatable archive, export, and submission commands before TestFlight or Play Console promotion. The skill lists 272 installs on skills.sh within the secondsky/claude-skills collection. Teams should follow platform-specific signing requirements and validate store metadata before each submission cycle.318installs51Api Response Optimizationapi-response-optimization is a secondsky/claude-skills MIT-licensed agent skill for making REST and Node.js APIs faster and leaner. It implements sparse fieldsets so clients request only needed columns via query parameters such as GET /users?fields=id,name,email, configures HTTP caching headers with ETag and Cache-Control patterns, and enables compression to cut payload sizes on the wire. Developers invoke api-response-optimization when improving API response times, reducing bandwidth usage, or implementing efficient caching for mobile and web clients hitting high-traffic endpoints. The skill includes concrete Express-style handler examples for field projection, cache validation, and gzip-compatible response paths rather than abstract performance advice. Reach for api-response-optimization during backend build when latency regressions trace to overweight JSON payloads or missing cache headers on read-heavy routes. Outputs are optimized route handlers and caching configuration ready for load testing.317installs52Nuxt Ui V4nuxt-ui-v4 is a secondsky Claude plugin skill for Nuxt UI v4.6+ on Nuxt v4.0.0, bundling 125+ accessible components built on Tailwind CSS v4 and Reka UI. It covers dashboard shells with UDashboardGroup, AI chat with UChatMessages and UChatReasoning tied to AI SDK v5, TipTap UEditor blocks, page-layout heroes, UPricingPlans, and 22 form components with UForm validation. Commands include /nuxt-ui-v4:setup, /nuxt-ui:migrate, /nuxt-ui:theme, and /nuxt-ui:component, plus agents for component selection, v2/v3 migration, and troubleshooting. The official Nuxt UI MCP server at ui.nuxt.com/mcp supplies live component metadata. Developers reach for it when scaffolding Nuxt SaaS dashboards, AI chat UIs, landing pages, or fixing missing UApp wrappers, CSS import order, and AI SDK Chat class usage errors documented across 25+ common failure modes.317installs53Api Filtering Sortingapi-filtering-sorting is a backend-oriented Claude Code skill from secondsky/claude-skills that shows how to implement safe, expressive list endpoints using query-string filters and multi-field sort syntax. The reference documents patterns like GET /products?category=electronics&price[gte]=100&price[lte]=500&sort=-price,name and pairs them with Node.js handler examples that whitelist allowedFilters such as category, status, price, and createdAt plus allowedSorts for name, price, and createdAt. Developers reach for it when building search APIs, admin data grids, or dynamic query endpoints that must reject arbitrary fields and operator injection. The skill emphasizes validation and security guardrails so agents generate production-grade filter parsers instead of passing raw user input to the database layer.314installs54Seo Optimizerseo-optimizer is a comprehensive SEO analysis and content optimization skill in the secondsky/claude-skills seo-skills suite. Its SKILL.md workflow spans keyword analysis with 1–2% density targets, readability metrics including Flesch scores, technical SEO checks for meta titles (50–60 characters) and descriptions (150–160 characters), URL slugs, image alt text, and internal linking opportunities. Content quality review covers word count depth, E-E-A-T signals, freshness, and competitor gap analysis. Reference files include analysis-framework.md and output-templates.md under a references folder, with install via scripts/install-skill.sh seo-optimizer. Developers reach for seo-optimizer when polishing documentation sites, changelog posts, or marketing pages before launch. It pairs with seo-keyword-cluster-builder in a two-skill SEO bundle installable through /plugin install seo-skills@claude-skills. Output follows structured report templates rather than ad-hoc suggestions.313installs55Api Paginationapi-pagination is a MIT-licensed agent skill from secondsky/claude-skills that walks developers through three pagination strategies—offset/limit, cursor, and keyset—for REST APIs and collection queries. The SKILL.md compares when each approach fits, documents O(n) versus O(1) performance tradeoffs, and includes JavaScript route handlers plus SQL patterns for building paginated endpoints, infinite scroll feeds, and optimized database reads. Developers reach for api-pagination when list endpoints slow down, OFFSET scans get expensive, or real-time infinite-scroll UIs need stable cursor tokens instead of page numbers. The skill is procedural reference material an agent loads while scaffolding or refactoring backend list APIs, not a deployable library. It pairs naturally with ORM query tuning and frontend infinite-scroll wiring in separate tasks.312installs56Defense In Depth Validationdefense-in-depth-validation is a secondsky/claude-skills package at version 1.1.0 under MIT license teaching agents to validate data at every layer it traverses rather than patching a single bug location. The core principle states that one validation check can be bypassed by alternate code paths, refactoring, or test mocks, so entry-point schema checks, service-layer guards, and persistence-boundary sanitization must align to make invalid-state bugs structurally impossible. Developers reach for defense-in-depth-validation when invalid data causes failures deep in execution stacks, when APIs accept external payloads, or when mocks hide missing validation in tests. The skill contrasts single-point fixes with layered enforcement patterns applicable across HTTP handlers, domain services, and database writes. It fits backend and agent-tooling codebases where untrusted input flows through multiple modules. Trigger when reviews surface data integrity bugs that reappear after superficial fixes, or when designing new endpoints that must reject bad input before business logic executes.309installs57Health Check Endpointshealth-check-endpoints is an MIT-licensed agent skill from secondsky/claude-skills that implements four probe types: liveness (process alive, restart on failure), readiness (traffic gating with 200/503), startup (delay other probes during boot), and deep (full dependency scans for alerting). It ships an Express HealthChecker class that runs SELECT 1 against a database and redis.ping(), exposes /health/live and /health/ready routes, and includes Kubernetes livenessProbe and readinessProbe YAML with initialDelaySeconds, periodSeconds, and failureThreshold values. Best practices stress keeping liveness free of external dependencies, limiting readiness to critical systems, and setting timeouts to prevent cascading failures. Additional reference implementations cover Python Flask and Java Spring Boot Actuator. Install with npx skills add secondsky/claude-skills --skill health-check-endpoints. Use when probe failures, startup delays, or missing dependency checks block zero-downtime deploys.309installs58Nuxt Servernuxt-server is a development skill in secondsky/claude-skills focused on Nuxt.js server-side capabilities. It helps developers implement server routes, API endpoints, server middleware, and server-only utilities within the Nuxt framework rather than client components. Developers reach for nuxt-server when scaffolding /server/api handlers, configuring server plugins, or wiring server-side data fetching in a Nuxt 3 project. The skill assumes a Nuxt codebase and concentrates on Nitro-powered server patterns common to production SaaS and content sites. Sparse public documentation limits exhaustive feature enumeration, but the skill name and repo placement indicate server-layer Nuxt tasks over generic Vue frontend work.307installs59Push Notification Setuppush-notification-setup from secondsky/claude-skills is an MIT-licensed skill for adding remote notifications to React Native, iOS, and Android clients. It documents @react-native-firebase/messaging permission requests, FCM token retrieval, foreground onMessage handlers, setBackgroundMessageHandler for quit and background states, and onTokenRefresh server updates. Native examples include Swift UNUserNotificationCenter authorization with UIApplication remote registration and Kotlin FirebaseMessagingService with NotificationCompat channels. Best practices cover timing permission prompts, Android notification channels, deep linking, avoiding sensitive payload data, and real-device testing. Developers invoke it when implementing FCM, APNS, notification permissions, background messages, or React Native push handlers rather than reading fragmented platform docs.307installs60Mutation Testingmutation-testing is a secondsky/claude-skills module for validating whether tests actually catch bugs by introducing small automatic code changes called mutants. It supports Stryker for TypeScript and JavaScript with Vitest or bun test via @hughescr/stryker-bun-runner, plus mutmut for Python projects. A killed mutant means a test failed on the mutation—good coverage—while a survived mutant means tests still pass and need strengthening. Allowed tools include Bash, Read, Edit, Write, Grep, Glob, and TodoWrite for running mutation suites and fixing weak tests. Teams reach for mutation-testing when coverage metrics look high but regressions still slip through.305installs61Oauth Implementationoauth-implementation from secondsky/claude-skills provides production-oriented patterns for OAuth 2.0 and OpenID Connect in TypeScript environments. It covers authorization code flow with state validation and server-side token exchange, PKCE verifier and challenge generation for public clients, refresh token rotation, and client-credentials flows for service-to-service access. Security defaults include HTTPS-only cookies, redirect URI allowlists, short-lived access tokens on the order of fifteen minutes, HttpOnly Secure cookie storage instead of localStorage, state parameter validation, and JWKS-based ID token verification. Developers reach for oauth-implementation when adding Google or enterprise SSO, debugging authorization code or scope errors, or hardening SPA and mobile login without reinventing OAuth edge cases from RFC text alone.305installs62Claude Hook Writerclaude-hook-writer is version 2.0.0 in secondsky/claude-skills, optimized in December 2025 with about 55% token savings versus prior guidance. The skill validates hook design choices—event targets, matchers, hook type command versus prompt, exit codes—and bundles six on-demand reference files covering security requirements, reliability and performance, code templates, testing and debugging, publishing, and quick syntax lookup. It prevents five documented common hook pitfalls and supports creating, reviewing, debugging, optimizing, and publishing hooks including PRPM packages. Developers invoke claude-hook-writer when building PreToolUse or PostToolUse automation that runs with user permissions and must sanitize inputs, quote shell variables, enforce timeouts, and avoid blocking the agent loop on slow work.302installs63Api Gateway Configurationapi-gateway-configuration is an MIT-licensed agent skill from secondsky/claude-skills that teaches agents to design API gateway layers for microservice architectures. The skill covers six gateway responsibilities: request routing and load balancing, authentication and authorization, rate limiting and throttling, request and response transformation, logging and monitoring, and SSL termination. It includes concrete Kong declarative configuration using _format_version 3.0 YAML with services, routes, and plugins, and applies the same patterns to Nginx, AWS API Gateway, and Traefik setups. Developers reach for api-gateway-configuration when standing up a single public API surface in front of multiple internal services, enforcing JWT or API-key auth at the edge, or adding throttling before traffic hits application pods. The skill outputs gateway config files and routing rules agents can paste into infrastructure repos. Use it during service decomposition or when replacing ad-hoc reverse-proxy snippets with a managed gateway policy layer.301installs64Api Changelog Versioningapi-changelog-versioning is a secondsky/claude-skills package that produces structured API changelogs for version releases. Each entry documents breaking changes, deprecations with timelines, and step-by-step migration instructions—for example switching authentication from API tokens to JWT Bearer or adopting JSON:API response formats. The skill follows a semver-oriented changelog structure with dated version headers, categorized change lists, and numbered migration steps such as updating base URLs to `/api/v3`. A developer reaches for api-changelog-versioning when releasing a major API version and needs consumer-facing upgrade documentation that reduces integration breakage and support tickets.300installs65Dependency Upgradedependency-upgrade is a secondsky/claude-skills security skill for managing package upgrades across npm, Bun, pnpm, Yarn, and Deno with supply-chain guardrails. Default mode applies a 7-day min-release-age cooldown, blocks post-install scripts, enforces frozen lockfile installs in CI, and can wire Dependabot or Renovate with matching cooldown rules. Interactive mode walks through cooldown tiers (3–21 days), script allowlists, Socket CLI or npq pre-install auditing, and automerge policy. It ships nine security templates plus eight reference guides covering compatibility matrices, staged upgrades, and publishing hardening. Use it before major framework bumps, after CVE alerts, or when hardening install pipelines against typosquatting and Shai-Hulud-style script attacks.300installs66Ml Pipeline Automationml-pipeline-automation is a data-engineering skill from secondsky/claude-skills for developers building repeatable machine-learning workflows. The skill supports automating ML pipeline stages such as data ingestion, preprocessing, training job orchestration, and handoff to serving or evaluation steps. Developers reach for ml-pipeline-automation when manual notebook-driven ML steps need to become scheduled, testable backend pipelines. Output includes pipeline structure recommendations, automation patterns, and workflow definitions suitable for MLOps tooling and CI-driven model builds.300installs67Nuxt Corenuxt-core is a Claude agent skill in secondsky/claude-skills (metadata version 5.0.0) covering Nuxt 5 core framework fundamentals. It documents minimum versions for nuxt 5.0.0, vue 3.5.0, nitro 3.0.0, vite 8.0.0, and typescript 5.0.0, plus bunx nuxi commands for init, dev, build, and scaffolding pages or composables. The skill explains Nuxt 5 directory layout with app/pages routing, route middleware, useSeoMeta and useHead patterns, error.vue and NuxtErrorBoundary handling, runtime versus app config, and Vite 8 Rolldown rolldownOptions migration from rollupOptions. Developers reach for nuxt-core when creating new Nuxt 5 apps, configuring nuxt.config.ts, implementing file-based routes and auth middleware, adding SEO metadata, handling SSR errors, or migrating Nuxt 4 config patterns to Nuxt 5 compatibilityVersion 5 defaults.300installs68Session Managementsession-management is an MIT-licensed agent skill from secondsky/claude-skills that guides agents through production-grade user session handling. The skill documents token-based sessions with JavaScript examples using jsonwebtoken: separate access and refresh tokens signed with distinct secrets, access tokens carrying userId and role claims, and refresh tokens scoped for rotation. It covers Redis-backed session storage, refresh-token exchange flows, HttpOnly Secure SameSite cookie settings, and secure logout that invalidates server-side state. Developers invoke session-management when scaffolding login endpoints, hardening cookie delivery, or replacing naive localStorage JWT patterns with server-validated sessions. The skill emphasizes short-lived access tokens—its sample uses a 1h expiresIn window—and longer refresh handling with explicit revocation on logout. Reach for it during auth feature work on Node.js APIs or any stack pairing JWT with Redis. Skip it when using hosted identity providers that fully manage sessions without custom token code.300installs69Api Versioning Strategyapi-versioning-strategy is a secondsky/claude-skills package that helps developers choose and implement API versioning approaches with backward compatibility and deprecation policies. The skill compares three methods in a decision table: URL path versioning like `/api/v1/users` for clarity and cache-friendliness, header versioning with `API-Version: 1` for clean URLs, and query parameter versioning like `?version=1` for easy testing. It guides implementation patterns, sunset timelines, and migration paths when planning breaking changes across coexisting versions. A developer reaches for api-versioning-strategy when designing a new REST API, introducing a v2 alongside v1, or formalizing how clients select and migrate between API versions.298installs70Mobile Offline Supportmobile-offline-support is a skill in secondsky/claude-skills for mobile clients that must work on unreliable networks, though its published description is generic and the readme is empty. From the name and catalog context, it guides agents through offline-first patterns such as local persistence, action queues that sync on reconnect, conflict handling, and user-facing connectivity states. Mobile engineers reach for mobile-offline-support when field apps, travel products, or low-connectivity regions break naive online-only assumptions. Treat outputs as architectural recommendations to validate against your platform stack—React Native, Flutter, or native—because the skill manifest lacks platform-specific detail.298installs71Nuxt Datanuxt-data is a secondsky/claude-skills package (version 4.0.0, MIT, last verified 2025-12-28) covering Nuxt 4 data management with composables, data fetching, and state patterns. It documents three fetching methods—useFetch for simple API calls, useAsyncData for custom async logic, and $fetch for client-only events—plus useState for SSR-safe shared singletons and Pinia for complex stores. The skill emphasizes Nuxt 4's shallow reactivity default, reactive query parameters, transform and pick options, caching with dedupe, and anti-patterns like using ref instead of useState. A developer reaches for nuxt-data when wiring reactive API calls, debugging data that fails to refresh on param changes, or implementing auth, pagination, or cart state in Nuxt 4.297installs72Recommendation Systemrecommendation-system is a production architecture skill from secondsky/claude-skills for building scalable recommendation APIs with FastAPI, Redis, and Prometheus. The SKILL.md walks through a five-step quick start—install dependencies, start Redis, scaffold a FastAPI service, run uvicorn, and curl-test recommendations—then documents tiered L1/L2/L3 caching, feature-store TTLs, cold-start fallbacks, and Thompson-sampling experiments. Four on-demand reference files cover production architecture, caching strategies, A/B testing, and monitoring. Developers reach for recommendation-system when shipping personalization endpoints and need concrete patterns for sub-200ms P95 latency, >80% cache hit rates, diversity constraints, and CTR or conversion tracking instead of ad-hoc collaborative-filtering scripts.297installs73Idempotency Handlingidempotency-handling is a secondsky/claude-skills module that ensures API operations return identical results no matter how many times they execute. It documents the idempotency-key header pattern with Redis-backed middleware that returns cached status and body on replays, plus guidance for database constraints that block duplicate side effects. Triggers include payment systems, webhook retries, safe retries, duplicate processing, race conditions, and key expiry errors. Backend engineers reach for this skill when building POST-heavy endpoints—charges, transfers, provisioning—where network retries must not double-charge or double-create records.296installs74Logging Best Practiceslogging-best-practices is an entry in secondsky/claude-skills aimed at application logging quality, though its catalog description is a stub and the readme excerpt is empty. From the skill name and repository theme, it helps agents apply structured logging conventions—appropriate log levels, contextual metadata, correlation IDs, and noise reduction—for services under real traffic. Backend and platform engineers reach for logging-best-practices when logs are unusable during incidents or when new services need a consistent logging contract across microservices. Validate recommendations against your existing log aggregator schema because the published skill body is minimal.295installs75Plan Interviewplan-interview is a planning skill from secondsky/claude-skills for developers who need structured interviews during early product or feature work. The skill helps define interview goals, question sets, and session flow so requirement-gathering stays focused instead of drifting into unstructured conversation. Developers reach for plan-interview when a feature idea needs user or stakeholder input before committing to architecture or sprint tasks. With minimal bundled documentation, the skill acts as a lightweight interview-planning prompt pattern for validation-phase discovery rather than a full research repository.294installs76Model Deploymentmodel-deployment is a secondsky/claude-skills agent skill for shipping machine learning models as production inference services using FastAPI, Docker, and Kubernetes. It scaffolds Pydantic-validated prediction endpoints with health and readiness probes, optional batch inference routes, multi-stage Dockerfiles, and Kubernetes resource and probe templates. Developers reach for model-deployment when packaging models into containers, debugging latency or OOM kills, wiring Prometheus metrics, or implementing KS-test and Jensen-Shannon drift detection with alert hooks. The skill includes a six-step quick start, four reference documents for FastAPI servers, monitoring, containerization, and GitHub Actions CI/CD pipelines, plus rollout patterns for blue-green and canary releases. It targets MLOps engineers who need versioned images, automated rollback, and observable model services rather than notebook-only experimentation.290installs77Graphql Implementationgraphql-implementation is a secondsky/claude-skills agent skill for designing and shipping production GraphQL APIs with schema-first contracts, typed resolvers, centralized GraphQLError handling, and performance guardrails. It supports Apollo Server in TypeScript and Graphene in Python, with DataLoader instances attached per request context to eliminate N+1 database round trips during nested field resolution. Developers reach for graphql-implementation when replacing multiple REST endpoints with one graph, adding real-time subscriptions for comments or notifications, or enforcing query depth and complexity limits on public schemas. The skill covers input validation at the execution layer, DTO mapping instead of exposing raw database rows, and migration patterns that reduce client over-fetching and under-fetching. It fits backend engineers standardizing error extensions, batching ORM calls, and subscription wiring across microservices or monolith API layers.288installs78Jest Generatorjest-generator is an MIT-licensed Claude Code skill that writes Jest-based unit tests for JavaScript and TypeScript modules and React components. It follows Jest conventions with describe blocks, proper mocking, and organized test file structure when developers encounter missing coverage, improper mocks, or test layout errors. The skill is triggered for JS/TS module test generation, React component test files, and coverage gap remediation. Allowed tools include Read, Write, Edit, Bash, Grep, and Glob so agents can inspect source files and write matching spec files. Developers reach for jest-generator when adding tests to untested modules, fixing broken mock patterns, or bootstrapping a Jest suite without manually copying boilerplate from documentation.282installs79Maz Uimaz-ui: A skill for development. This provides functionality for development workflows.279installs80Cloudflare D1cloudflare-d1: A skill for development. This provides functionality for development workflows.266installs81Bun Nextjsbun-nextjs: A skill for development. This provides functionality for development workflows.251installs82React Best Practicesreact-best-practices: A skill for development. This provides functionality for development workflows.243installs83Nuxt Seonuxt-seo: A skill for development. This provides functionality for development workflows.235installs84Cloudflare Workers Securitycloudflare-workers-security: A skill for development. This provides functionality for development workflows.223installs85React Hook Form Zodreact-hook-form-zod: A skill for development. This provides functionality for development workflows.220installs86Cloudflare Workers Frameworkscloudflare-workers-frameworks: A skill for development. This provides functionality for development workflows.216installs87Cloudflare Workers Testingcloudflare-workers-testing: A skill for development. This provides functionality for development workflows.216installs88Cloudflare Workers Runtime Apiscloudflare-workers-runtime-apis: A skill for development. This provides functionality for development workflows.214installs89Cloudflare Workers Performancecloudflare-workers-performance: A skill for development. This provides functionality for development workflows.209installs90Cloudflare Workers Ci Cdcloudflare-workers-ci-cd: A skill for development. This provides functionality for development workflows.208installs91Cloudflare Workers Dev Experiencecloudflare-workers-dev-experience: A skill for development. This provides functionality for development workflows.208installs92Cloudflare Workers Migrationcloudflare-workers-migration: A skill for development. This provides functionality for development workflows.206installs93Cloudflare Workers Multi Langcloudflare-workers-multi-lang: A skill for development. This provides functionality for development workflows.206installs94Cloudflare Workers Observabilitycloudflare-workers-observability: A skill for development. This provides functionality for development workflows.205installs95Feature Devfeature-dev: A skill for development. This provides functionality for development workflows.176installs96Tanstack Querytanstack-query: A skill for development. This provides functionality for development workflows.172installs97Design Reviewdesign-review: A skill for development. This provides functionality for development workflows.169installs98Cloudflare R2cloudflare-r2 is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.167installs99Zustand State Managementzustand-state-management is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.167installs100Xss Preventionxss-prevention is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.165installs101Auto Animateauto-animate is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.147installs102Base Ui Reactbase-ui-react is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.147installs103Cloudflare Turnstilecloudflare-turnstile is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.147installs104Bun Test Lifecyclebun-test-lifecycle is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.144installs105Cloudflare Kvcloudflare-kv is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.144installs106Tanstack Aitanstack-ai is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.144installs107Pinia Coladapinia-colada is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.143installs108Bun File Iobun-file-io is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.142installs109Tanstack Starttanstack-start is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.142installs110Cloudflare Imagescloudflare-images is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.140installs111Cloudflare Queuescloudflare-queues is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.138installs112Cloudflare Durable Objectscloudflare-durable-objects is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.137installs113Pinia V3pinia-v3 is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.137installs114Cloudflare Vectorizecloudflare-vectorize is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.136installs115Cloudflare Workflowscloudflare-workflows is a Claude Code skill for automation & workflows. It helps solo builders move faster with AI-assisted coding.136installs116Mcp Dynamic Orchestratormcp-dynamic-orchestrator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.136installs117Nuxt Contentnuxt-content is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.136installs118Bun Package Managerbun package manager is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.97installs119Bun Test Basicsbun test basics is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.97installs120Bun Tanstack Startbun tanstack start is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.96installs121Bun Hono Integrationbun hono integration is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.89installs122Bun Runtimebun runtime is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.86installs123Bun Sqlitebun sqlite is a Claude Code skill for databases. It helps solo builders move faster with AI-assisted coding.86installs124Bun Test Mockingbun test mocking is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.84installs125Bun Workersbun workers is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.83installs126Bun Dockerbun docker is a Claude Code skill for devops & ci/cd. It helps solo builders move faster with AI-assisted coding.80installs127Bun Hot Reloadingbun hot reloading is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.80installs128Bun Bundlerbun bundler is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.79installs129Bun Drizzle Integrationbun drizzle integration is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.79installs130Bun Test Coveragebun test coverage is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.79installs131Bun Websocket Serverbun websocket server is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.79installs132Bun Http Serverbun http server is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.78installs133Bun Sveltekitbun sveltekit is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.77installs134Bun Cloudflare Workersbun cloudflare workers is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.76installs135Bun Macrosbun macros is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.76installs136Bun Nuxtbun nuxt is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.76installs137Bun React Ssrbun react ssr is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.76installs138Bun Ffibun ffi is a Claude Code skill for ai & agent building. It helps developers move faster with AI-assisted coding.74installs139Bun Shellbun shell is a Claude Code skill for ai & agent building. It helps developers move faster with AI-assisted coding.74installs140Bun Jest Migrationbun jest migration is a Claude Code skill for testing & qa. It helps developers move faster with AI-assisted coding.73installs141Bun Redisbun redis is a Claude Code skill for ai & agent building. It helps developers move faster with AI-assisted coding.73installs142Nuxt Studionuxt studio is a Claude Code skill for ai & agent building. It helps developers move faster with AI-assisted coding.73installs143Access Control RbacSkill for implementing role-based access control (RBAC) with permissions and policies. A developer uses it for admin dashboards, enterprise or multi-tenant apps, and fine-grained authorization, including resolving permission hierarchies, role inheritance, and policy conflicts.0installs144Aceternity UiSkill bundling 100+ animated React components from Aceternity UI for Next.js with Tailwind. A developer uses it to add hero sections, parallax, and 3D effects to a site and to resolve animation or shadcn CLI integration errors.0installs145Ai Elements ChatbotSkill providing shadcn/ui AI chat components for conversational interfaces, including streaming chat, tool/function displays, and reasoning visualization. A developer uses it when assembling AI chat UIs and handling Next.js App Router setup, Tailwind v4, or AI SDK v5 migration issues.0installs146Ai Sdk CoreSkill for backend AI development with Vercel AI SDK v5, covering text generation, structured output, tool calling, and agents across multiple providers. A developer uses it server-side when generating text or building agents and resolving AI_APICallError, AI_NoObjectGeneratedError, or streaming failures.0installs147Ai Sdk UiSkill covering Vercel AI SDK v5 React hooks (useChat, useCompletion, useObject) for building AI chat interfaces. A developer uses it when constructing React or Next.js AI front-ends and troubleshooting parse-stream, no-response, or streaming errors.0installs148Api AuthenticationSkill for implementing secure API authentication using JWT, OAuth 2.0, and API keys, including session and token management and security headers. A developer reaches for it when wiring login, third-party integrations, or service-to-service auth and debugging auth-flow errors.0installs149Api Changelog VersioningSkill that produces comprehensive API changelogs covering breaking changes, deprecations, and migration strategies for REST and GraphQL endpoints. A developer uses it when versioning an API and needing to clearly communicate upgrade paths to downstream consumers.0installs150Api Contract TestingThis skill verifies API contracts between services using consumer-driven contracts, schema validation, and tools like Pact. A developer uses it when testing microservices communication, preventing breaking changes, or validating OpenAPI specifications before shipping.0installs151Api Design PrinciplesThis skill teaches REST and GraphQL API design principles for building intuitive, scalable, and maintainable APIs. A developer uses it when designing new APIs, reviewing API specifications, or establishing API design standards across a team.0installs152Api Error HandlingThis skill implements standardized API error responses with proper status codes, logging, and user-friendly messages. A developer uses it when building production APIs, implementing error-recovery patterns, or integrating error monitoring services.0installs153Api Filtering SortingThis skill builds flexible API filtering and sorting systems with query-parameter parsing, validation, and security. A developer uses it when implementing search endpoints, building data grids, or creating dynamic query APIs.0installs154Api Gateway ConfigurationThis skill configures API gateways for routing, authentication, rate limiting, and request transformation in microservice architectures. A developer uses it to set up Kong, Nginx, AWS API Gateway, or Traefik for centralized API management.0installs155Api PaginationThis skill implements efficient API pagination using offset, cursor, and keyset strategies for large datasets. A developer uses it when building paginated endpoints, powering infinite scroll, or optimizing database queries over collections.0installs156Api Rate LimitingThis skill implements API rate limiting using token bucket, sliding window, and Redis-based algorithms to protect against abuse. A developer uses it when securing public APIs, implementing tiered access, or preventing denial-of-service attacks.0installs157Api Reference DocumentationThis skill creates professional API documentation from OpenAPI specifications, covering endpoints, authentication, and interactive examples. A developer uses it when documenting REST APIs, creating SDK references, or building developer portals.0installs158Api Response OptimizationThis skill optimizes API performance through payload reduction, caching strategies, and compression. A developer uses it to improve API response times, cut bandwidth usage, and implement efficient caching before or after shipping.0installs159Api Security HardeningThis skill hardens REST APIs with authentication, rate limiting, input validation, and security headers for production-grade defense-in-depth. A developer uses it during security audits and to fix vulnerabilities, injection attacks, and CORS issues before shipping.0installs160Api TestingThis skill covers HTTP API testing for TypeScript with Supertest and Python with httpx and pytest, exercising REST and GraphQL endpoints, request/response validation, authentication, and error handling. A developer uses it to verify API behavior before shipping.0installs161Api Versioning StrategyThis skill implements API versioning using URL paths, headers, or query parameters with backward compatibility and deprecation strategies. A developer uses it when managing multiple API versions, planning breaking changes, or designing migration paths for consumers.0installs162App Store DeploymentThis skill publishes mobile applications to the iOS App Store and Google Play, handling code signing, versioning, and CI/CD-automated release pipelines. A developer uses it when preparing an app release, configuring signing certificates, or setting up automated store deployment.0installs163Architecture PatternsThis skill implements proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. A developer uses it when architecting complex backend systems or refactoring an existing application for better maintainability and testability.0installs164Auto AnimateAutoAnimate is a zero-config animation library for React that automatically animates layout changes, list transitions, accordion opens, and toast notifications without manual state management. developers use it to add polish to dynamic UI without wrestling with animation libraries like Framer Motion or React Spring. It matters because it removes animation friction—you get professional motion UX with a single hook, especially valuable when dealing with SSR or complex interaction patterns.0installs165Base Ui ReactBase UI React covers MUI's unstyled, accessible React components built on Floating UI, including the render-props API and migration from Radix UI. A developer uses it to assemble accessible, fully styleable interfaces and to resolve positioning, popup, and v1.0 beta issues.0installs166Better AuthBetter Auth is a comprehensive TypeScript authentication framework supporting Next.js, Nuxt, Cloudflare D1, and 15+ frameworks with OAuth, 2FA, and RBAC. A developer uses it to add login, sessions, and authorization to an app and to debug D1 adapter and integration errors.0installs167Better ChatbotThis skill captures better-chatbot project conventions and standards, including its three-tier MCP/Workflow/Default tool system, server action validators, and repository patterns. A developer uses it when contributing to or extending a better-chatbot deployment in line with the project's design.0installs168Better Chatbot PatternsThis skill provides reusable better-chatbot patterns for custom deployments, including server action validators, tool abstraction, and multi-AI-provider support. A developer uses it when extending the better-chatbot stack and to debug auth validation, FormData parsing, and workflow-execution errors.0installs169BunThis comprehensive Bun toolkit covers the runtime, package manager, bundler, test runner, HTTP and WebSocket servers, databases, framework integrations, deployment, and Node.js compatibility. A developer uses it to develop and run JavaScript/TypeScript backends and tooling on Bun across many frameworks.0installs170Chrome DevtoolsThis skill provides browser automation via Puppeteer CLI scripts for screenshots, performance analysis, network monitoring, web scraping, and form automation. A developer uses it to verify and debug web pages, capture visuals, or script repetitive browser interactions.0installs171Claude Agent SdkThe Claude Agent SDK skill covers building autonomous agents and multi-step workflows with subagents, tool orchestration, and MCP servers. A developer uses it to compose agentic systems and to debug CLI-not-found and context-length-exceeded errors.0installs172Claude ApiThe Claude API skill covers integrating Anthropic's Messages API for chatbots and assistants, including streaming, prompt caching, tool use, and vision. A developer uses it to call Claude from their backend and to handle rate limits and 429 errors gracefully.0installs173Claude Code Bash PatternsThis skill covers Claude Code Bash tool patterns with hooks, command chaining, git workflows, and CLI orchestration. A developer uses it to wire PreToolUse hooks and custom commands, and to debug bash permissions, command failures, and security-guard configurations.0installs174Claude Hook WriterThis skill gives expert guidance for writing secure, reliable, and performant Claude Code hooks, validating design decisions and enforcing best practices. A developer uses it when creating, reviewing, or debugging hooks to extend or guard their Claude Code agent workflow.0installs175Cloudflare AgentsThis skill covers building AI agents on Cloudflare Workers with MCP integration, tool use, and pluggable LLM providers. A developer uses it to ship agentic features that run at the edge and call tools, served through the Workers platform.0installs176Cloudflare Browser RenderingCloudflare Browser Rendering provides a managed headless browser service accessible via API, eliminating the complexity of running Puppeteer or Playwright on your servers. developers use it to capture screenshots, generate PDFs, scrape dynamic content, and resolve rendering timeouts or memory errors without infrastructure overhead. It matters because browser automation at scale requires significant resources—outsourcing it to Cloudflare keeps your backend lean and responsive.0installs177Cloudflare Cron TriggersCloudflare Cron Triggers run Workers on a schedule for periodic tasks and recurring background jobs. A developer uses it to automate scheduled work and to debug handler-not-found, invalid cron expression, and timezone errors.0installs178Cloudflare D1Cloudflare D1 is a serverless SQLite database deployed on Cloudflare's edge network, allowing you to query structured data globally with minimal latency. developers use it when they need a managed relational database without provisioning servers or managing replication. It matters because it combines the simplicity of SQLite with the scale and performance of edge computing, reducing operational overhead while keeping data geographically distributed.0installs179Cloudflare Durable ObjectsCloudflare Durable Objects provide stateful coordination for real-time applications like chat, multiplayer games, and WebSocket services with hibernation. A developer uses them to keep per-entity state consistent at the edge and to debug class-export, migration, and alarm errors.0installs180Cloudflare Email RoutingCloudflare Email Routing lets you receive and send email through Workers with forwarding rules and allowlists. A developer uses it to wire email workflows into an app and to debug Email Trigger errors, worker-call failures, and SPF issues.0installs181Cloudflare HyperdriveCloudflare Hyperdrive accelerates Workers-to-database connections with pooling and caching for PostgreSQL and MySQL, including Drizzle and Prisma setups. A developer uses it to make edge apps talk to a relational database efficiently and to debug pool errors, TLS issues, and connection-refused failures.0installs182Cloudflare ImagesThe Cloudflare Images skill handles uploading images, configuring transformations and variants, optimizing WebP/AVIF, generating signed URLs and watermarks, and integrating with Next.js or Remix. A developer uses it to add responsive image delivery and direct-creator upload, and to debug CORS and Cloudflare Images error codes.0installs183Cloudflare KvCloudflare Workers KV offers global, low-latency key-value storage with namespaces, TTL, and caching. A developer uses it to cache data or store config at the edge, and to debug KV_ERROR, 429 rate limits, and eventual-consistency issues.0installs184Cloudflare ManagerCloudflare Manager provides comprehensive account management for deploying Workers, configuring KV and R2 storage, Pages, DNS, and Routes. A developer uses it to provision and operate Cloudflare services for a project, requiring a CLOUDFLARE_API_KEY and the Bun runtime with dependencies installed.0installs185Cloudflare Mcp ServerThis skill covers building Model Context Protocol (MCP) servers on Cloudflare Workers, exposing tools, resources, and prompts that AI agents can call. A developer uses it to give agents new capabilities served from the edge, wired through the standard MCP interface.0installs186Cloudflare NextjsThis skill deploys Next.js apps to Cloudflare Workers through the OpenNext adapter, covering SSR, ISR, and both App and Pages routers. A developer uses it to ship a Next.js site to the edge and to debug worker size limits, runtime compatibility, and connection-scoping errors during deployment.0installs187Cloudflare QueuesCloudflare Queues is a message queue service that lets you build reliable, scalable asynchronous systems. developers use it to decouple background jobs from synchronous request handlers, implement retry logic, and handle high-throughput task processing without managing infrastructure. It matters because it enables building robust applications that can handle spiky workloads and long-running operations without blocking user requests.0installs188Cloudflare R2Cloudflare R2 is an S3-compatible object storage service that handles buckets, file uploads, CORS configuration, presigned URLs, and large file management. developers use it when they need reliable file storage, want to migrate from S3, or need to troubleshoot CORS failures and multipart upload issues. It matters because R2 provides cost-effective, scalable storage with built-in analytics and automation capabilities without the vendor lock-in of proprietary solutions.0installs189Cloudflare SandboxThe Cloudflare Sandboxes SDK runs untrusted code securely inside Linux containers at the edge. Developers use it to execute arbitrary Python or Node.js scripts, power AI code interpreters, or run git operations in an isolated environment from their Workers.0installs190Cloudflare TurnstileCloudflare Turnstile is a CAPTCHA-alternative that shields forms, logins, and APIs from bots without annoying users. A developer integrates it to harden public surfaces against abuse, and uses this skill to resolve CSP errors, token-validation failures, and Turnstile error codes.0installs191Cloudflare VectorizeCloudflare Vectorize is a vector database for semantic search and retrieval-augmented generation, handling vector indexes, embeddings, and similarity queries. A developer uses it to power RAG over their data, or to debug dimension mismatches and filter errors when querying the index.0installs192Cloudflare WorkersA comprehensive Cloudflare Workers platform guide spanning runtime APIs, Vitest testing, CI/CD, observability, framework integration, performance, security, and migration. Developers use it across the lifecycle of a Workers app, from initial development through deployment, debugging, and optimization on the edge.0installs193Cloudflare Workers AiCloudflare Workers AI provides serverless GPU inference for LLMs, text and image generation, and embeddings without managing model infrastructure. A developer uses it to add AI features to an edge app, or to debug AI_ERROR, rate limits, and token-exceeded errors when calling models from Workers.0installs194Cloudflare WorkflowsCloudflare Workflows lets you build durable, long-running execution across multiple steps with automatic retries and state persistence on Cloudflare Workers. A developer reaches for it when an operation must survive failures and resume, or when debugging NonRetryableError and execution-failed errors in multi-step backend jobs.0installs195Cloudflare Zero Trust AccessA skill for implementing Cloudflare Zero Trust Access authentication on Workers. Developers use it for JWT validation, service tokens, and CORS, and to resolve preflight blocking, cache race conditions, and missing-JWT-header errors at the edge.0installs196Code ReviewA skill for code-review practices grounded in technical rigor and verification gates. Developers use it when receiving feedback, requesting code-reviewer subagent reviews, or preventing false completion claims in pull requests.0installs197Content CollectionsA skill for using Content Collections, a TypeScript-first build tool for Markdown and MDX content. Developers use it for blogs, docs, and content sites with Vite + React, MDX components, and type-safe Zod schemas, and to resolve TypeScript import, path-alias, and collection-validation errors.0installs198Csrf ProtectionA skill for implementing CSRF protection using synchronizer tokens, double-submit cookies, and SameSite attributes. Developers use it when securing web forms, protecting state-changing endpoints, or adding defense-in-depth to authentication flows.0installs199Database Schema DesignA skill for database schema design on PostgreSQL and MySQL with normalization, relationships, and constraints. Developers use it for new databases, schema reviews, and migrations, and to avoid missing primary/foreign keys, wrong data types, premature denormalization, and the EAV anti-pattern.0installs200Database ShardingA skill for database sharding on PostgreSQL and MySQL using hash, range, or directory strategies. Developers use it for horizontal scaling, multi-tenant isolation, and billions of records, and to resolve bad shard keys, hotspots, cross-shard transactions, and rebalancing issues.0installs201Defense In Depth ValidationA skill for validating data at every layer it passes through to make whole classes of bugs impossible. Developers use it when invalid data causes failures deep in execution and validation is needed at multiple system layers for defense in depth.0installs202Dependency UpgradeA skill for secure dependency upgrades with supply-chain protection, cooldowns, staged rollout, and Socket CLI integration. Developers use it when upgrading dependencies, configuring security policies, or preventing supply-chain attacks.0installs203Design ReviewA skill for running a 7-phase frontend design review covering accessibility (WCAG 2.1 AA), responsive testing, and visual polish. Developers use it for PR reviews and UI audits, catching contrast issues, broken layouts, accessibility violations, and missing focus states.0installs204Design System CreationA skill for creating comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Developers use it when establishing design standards, building component libraries, or ensuring cross-team visual consistency.0installs205Drizzle Orm D1A skill for using Drizzle ORM with Cloudflare D1 databases to build schemas and type-safe SQL queries. Developers use it to manage migrations with Drizzle Kit, define relations, and use the D1 batch API, while resolving D1_ERROR, transaction, and foreign-key constraint failures.0installs206Elevenlabs AgentsA skill for building AI voice agents on the ElevenLabs Agents Platform across React, JS, Native, and Swift. Developers use it to add voice AI, RAG, and tools, and to resolve package deprecation, audio cutoff, CSP violations, and webhook-auth failures.0installs207FastmcpFastMCP is a Python framework that streamlines building Model Context Protocol (MCP) servers with built-in support for tools, resources, and multiple storage backends. developers use it when exposing tools to Claude, managing state across requests, handling authentication, or deploying to cloud platforms. It matters because it abstracts away common infrastructure challenges—async handling, lifespan management, middleware orchestration—so you can focus on your business logic.0installs208Feature DevA skill that automates a 7-phase feature-development workflow using specialized agents like code-explorer, code-architect, and code-reviewer. Developers use it for multi-file features and architectural decisions, and to handle ambiguous requirements and integration-pattern choices.0installs209Firecrawl ScraperA skill for using the Firecrawl v2.5 API to scrape and crawl websites into LLM-ready markdown. Developers use it for site extraction and dynamic content, and to handle JavaScript rendering, bot detection, and content-loading errors.0installs210Frontend DesignThis skill helps you create distinctive, production-grade frontend interfaces with high design quality. Use it when building web components, pages, or applications where visual polish and brand differentiation matter. It generates creative, intentional code that avoids the generic aesthetic often associated with AI-assisted design, ensuring your interface stands out and provides a superior user experience.0installs211Gemini CliA skill for using the Google Gemini CLI to get second opinions, architectural advice, code reviews, and security audits. Developers leverage its 1M+ context window for comprehensive codebase analysis straight from the command line.0installs212Github Project AutomationA skill for automating GitHub repositories with CI/CD, issue templates, Dependabot, and CodeQL. Developers use it for project setup, Actions workflows, and security scanning, and to fix YAML-syntax, workflow-configuration, and template-structure errors.0installs213Google Gemini ApiA skill for working with the Google Gemini API through the @google/genai SDK. Developers use it for multimodal AI, thinking mode, and function calling, and to resolve SDK-deprecation warnings, context errors, and multimodal-format errors.0installs214Google Gemini EmbeddingsA skill for using the Google Gemini embeddings API (gemini-embedding-001) to power RAG and semantic search. Developers use it for vector search and Vectorize integration, and to resolve dimension mismatches, rate limits, and text-truncation issues.0installs215Google Gemini File SearchA skill for using Google Gemini File Search to add managed retrieval-augmented generation across 100+ file formats. Developers use it for document Q&A and knowledge bases on Gemini 3 Pro/Flash, and to handle immutability errors, quota issues, and polling failures.0installs216Graphql ImplementationA skill for building GraphQL APIs with schema design, resolvers, error handling, and performance optimization using Apollo or Graphene. Developers use it when creating flexible query APIs, migrating from REST, or implementing real-time subscriptions.0installs217Health Check EndpointsA skill for implementing health-check endpoints covering liveness, readiness, and dependency monitoring. Developers use it for Kubernetes, load balancers, and auto-scaling, and to resolve probe failures, startup delays, dependency checks, and timeout-configuration errors.0installs218Hono RoutingA skill for building type-safe Hono APIs with routing, middleware, and RPC. Developers use it for request validation with Zod or Valibot validators and to resolve middleware type-inference, validation-hook, and RPC errors.0installs219HugoA skill for building sites with the Hugo static site generator, integrating Tailwind v4, a headless CMS like Sveltia or Tina, and Cloudflare deployment. Developers use it for blogs and docs sites, and to resolve theme installation, frontmatter, and baseURL errors.0installs220Idempotency HandlingA skill for building idempotent API operations using idempotency keys, Redis caching, and database constraints. Developers use it for payment systems, webhook retries, and safe retries generally, and to prevent duplicate processing, race conditions, and key-expiry errors.0installs221Image OptimizationA skill for optimizing images for web performance using modern formats, responsive techniques, and lazy loading. Developers use it when improving page load times, implementing responsive images, or preparing assets for production deployment.0installs222Inspira UiA skill for building with Inspira UI, a library of 120+ animated Vue and Nuxt components using TailwindCSS v4, motion-v, GSAP, and Three.js. Developers use it for hero sections, 3D effects, and interactive backgrounds, and to fix setup, CSS-variable, and motion-v integration errors.0installs223Interaction DesignA skill for creating intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Developers use it when designing loading states, error-handling UX, animation guidelines, or touch interactions for web and mobile.0installs224Internationalization I18nA skill for implementing multi-language support using i18next, gettext, or the Intl API with translation workflows and right-to-left support. Developers use it when localizing applications, formatting dates and currencies per locale, or supporting RTL languages.0installs225Jest GeneratorA skill for generating Jest unit tests for JavaScript and TypeScript, including React components, with mocking and coverage built in. Developers use it to add tests to JS/TS modules and components and to fix missing coverage, improper mocking, or test-structure errors.0installs226Kpi Dashboard DesignA skill for designing effective KPI dashboards with sound metric selection, visual hierarchy, and data-visualization best practices. Developers use it when creating executive dashboards, analytics views, or presenting business metrics to stakeholders.0installs227Logging Best PracticesA skill for structured logging with proper levels, context, PII handling, and centralized aggregation. Developers use it to instrument application logging, integrate log management, and add distributed tracing, while avoiding log bloat, PII exposure, and missing-context errors.0installs228Maz UiA skill for building interfaces with Maz-UI v4, a modern Vue and Nuxt component library. It offers 50+ standalone components plus composables, directives, theming, internationalization, and SSR support, used when assembling Vue/Nuxt frontends quickly.0installs229Mcp Dynamic OrchestratorA skill for dynamic MCP server discovery and code-mode execution through a central registry. Developers use it when juggling multiple MCP integrations, needing tool discovery and progressive disclosure, and fighting context bloat from changing server sets or large tool collections.0installs230Mcp ManagementA skill for managing MCP servers — discovering, analyzing, and executing their tools, prompts, and resources. Developers use it when wiring MCP integrations into an agent, doing capability discovery and tool filtering, and resolving context bloat or tool-execution errors.0installs231Microservices PatternsA skill for designing microservices architectures with well-defined service boundaries, event-driven communication, and resilience patterns. Developers use it when constructing distributed systems, decomposing monoliths, or implementing microservices from scratch.0installs232Ml Model TrainingA skill for training machine-learning models with scikit-learn, PyTorch, and TensorFlow. Developers use it for classification and regression tasks, neural networks, and hyperparameter tuning, and to diagnose overfitting, underfitting, and convergence problems.0installs233Ml Pipeline AutomationA skill for automating machine-learning workflows with Airflow, Kubeflow, and MLflow. Developers use it to create reproducible pipelines, set retraining schedules, and operate MLOps, while debugging task failures, dependency errors, and experiment-tracking issues.0installs234Mobile App DebuggingA skill for debugging mobile apps across iOS, Android, and cross-platform frameworks. Developers reach for it when chasing crashes, memory leaks, performance issues, or network problems, using tools like Xcode Instruments, Android Profiler, and the React Native debugger.0installs235Mobile App TestingA skill for testing mobile apps with unit tests, UI automation, and performance testing. Developers use it to set up test infrastructure, write E2E tests, enforce testing standards, and debug device-farm setup, flaky tests, or platform-specific test framework errors.0installs236Mobile First DesignA skill for designing responsive interfaces starting from the smallest screen and progressively enhancing for larger devices. Developers use it when laying out responsive websites, optimizing for mobile users, or implementing adaptive layouts with media queries and breakpoints.0installs237Mobile Offline SupportA mobile skill for building offline-first apps with local storage, sync queues, and conflict resolution. A developer uses it to add offline functionality, sync data when connectivity returns, and handle sync conflicts, queue management, storage limits, and network-transition errors.0installs238Model DeploymentA data/ML skill for deploying machine-learning models with FastAPI, Docker, and Kubernetes. A developer uses it to serve predictions in production, containerize models, monitor for drift, and resolve latency issues, health-check failures, and version conflicts.0installs239MotionMotion (Framer Motion) is a popular React animation library that handles drag-and-drop, scroll animations, gestures, and SVG morphing with built-in spring physics. developers use it when standard CSS transitions fall short or when they need smooth, complex interactions without wrestling with animation bugs. It matters because well-executed animations dramatically improve user experience and perceived performance, turning functional interfaces into delightful products.0installs240Multi Ai ConsultantAn AI skill that consults external models (Gemini 2.5 Pro, OpenAI Codex, Claude) for second opinions and synthesizes them. A developer uses it for debugging stubborn failures, weighing architectural decisions, validating security, or getting a fresh perspective before committing.0installs241Mutation TestingA testing skill that validates test effectiveness through mutation testing with Stryker for JS/TS and mutmut for Python. A developer uses it to find weak tests that pass despite injected code mutations and to raise overall test-suite quality before shipping.0installs242Nano Banana PromptsA generative-media skill for crafting optimized prompts for Gemini 2.5 Flash Image (Nano Banana). A developer uses it for image generation, writing strong photo and art-style prompts, and running multi-turn editing workflows with best practices.0installs243Neon Vercel PostgresA database skill for Neon plus Vercel serverless Postgres in edge and serverless environments. A developer uses it for Cloudflare Workers, Vercel Edge, and Next.js apps with HTTP/WebSocket connections, git-like database branching, ORM integration, migrations, and connection-pool or SSL issues.0installs244NextjsA frontend skill for Next.js 16 with the App Router, Server Components, Server Actions, and Cache Components. A developer uses it for React 19.2 apps and SSR, and to resolve async-params, proxy.ts migration, and 'use cache' errors.0installs245Nuxt ContentA frontend skill for Nuxt Content v3, a Git-backed CMS for Markdown/MDC content sites. A developer uses it to build blogs, docs, and content-driven apps with type-safe queries, schema validation, and full-text search, with Nuxt Studio editing and Cloudflare or Vercel deployment.0installs246Nuxt SeoAn SEO skill covering all 8 Nuxt SEO modules plus Pro modules. A developer uses it to implement robots.txt, sitemaps, OG images, Schema.org data, and meta tags in a Nuxt app, check links, and resolve sitemap, canonical-URL, and i18n SEO errors.0installs247Nuxt StudioA frontend skill for Nuxt Studio, a visual CMS for Nuxt Content with Cloudflare deployment. A developer uses it to set up Nuxt Studio, configure OAuth authentication, deploy to Cloudflare Pages or Workers with subdomain routing, and troubleshoot Studio integration.0installs248Nuxt Ui V4Nuxt UI v4 is a comprehensive component library that ships 125+ accessible UI components, Tailwind v4 styling, and AI chat capabilities with reasoning and tool calling. developers use it to quickly construct dashboards, forms, overlays, and page layouts without building from scratch. It matters because it dramatically reduces frontend development time, ensures accessibility standards are met by default, and provides powerful AI integration for modern application features.0installs249Nuxt V4A frontend skill for comprehensive Nuxt 4 development with focused sub-skills (core, data, server, production), diagnostic agents, and a setup wizard. A developer uses it to build Nuxt 4 apps with SSR, composables, server routes, and state management, debug hydration, migrate from Nuxt 3, and deploy.0installs250Nuxt V5A frontend skill for comprehensive Nuxt 5 development with focused sub-skills (core, data, server, production), diagnostic agents, and a setup wizard. A developer uses it to build Nuxt 5 apps with SSR, composables, server routes, and state management, debug hydration, migrate from Nuxt 4, and deploy.0installs251Oauth ImplementationA security skill for implementing OAuth 2.0 and OpenID Connect authentication with secure flows. A developer uses it for third-party integrations, SSO systems, and token-based API access, and to resolve authorization-code-flow, PKCE, token-refresh, and scope-management errors.0installs252Openai AgentsAn AI skill for the OpenAI Agents SDK in JavaScript/TypeScript, covering text and voice agents. A developer uses it to build multi-agent workflows with tools and guardrails, and to debug Zod errors, MCP failures, infinite loops, and tool-call issues.0installs253Openai ApiAn AI skill providing a complete guide to OpenAI's APIs: Chat Completions, Embeddings, Images, Audio (Whisper, TTS, Transcribe), and Moderation, with Node.js SDK and fetch approaches. A developer uses it to integrate OpenAI model capabilities into an application.0installs254Openai AssistantsAn AI skill for building stateful chatbots on the OpenAI Assistants API v2 with Code Interpreter, File Search, and RAG. A developer uses it for threads and vector stores, and to handle active-run errors and indexing delays. Note: the Assistants API is slated to sunset in August 2026.0installs255Openai ResponsesAn AI skill for building stateful, agentic applications on the OpenAI Responses API with reasoning preservation. A developer uses it for MCP integration, built-in tools, and background processing, and when migrating an app from Chat Completions to the Responses API.0installs256Payment Gateway IntegrationA skill for integrating payment processing with Stripe, PayPal, or Square, including subscriptions, webhooks, and PCI compliance. A developer uses it when implementing checkout flows, recurring billing, or refund and dispute handling in a web app.0installs257Pinia ColadaA frontend skill for data fetching in Vue and Nuxt with Pinia Colada, using useQuery and useMutation. A developer uses it to manage async state and query caching, handle SSR and hydration, and migrate from TanStack Vue Query while fixing invalidation issues.0installs258Pinia V3A frontend skill for Vue 3 state management with Pinia v3 using defineStore, getters, and actions. A developer uses it to build stores, handle Nuxt SSR and hydration, migrate from Vuex, and resolve store-composition and testing errors.0installs259Plan InterviewA planning skill that generates a specification through an adaptive, interview-style process that scales its depth to the plan's complexity and includes a quality review. A developer uses it before implementation to turn a rough idea into a clear, reviewed spec.0installs260PlaywrightA testing skill for browser automation and end-to-end testing with Playwright that auto-detects dev servers and writes clean test scripts. A developer uses it to test pages, fill forms, take screenshots, validate responsive design and login flows, and run cross-browser, visual-regression, API, and component tests.0installs261Progressive Web AppProgressive Web Apps transform web applications into installable, app-like experiences using service workers, web manifests, and offline support. A developer uses PWAs to provide users with native app features—installation prompts, offline access, and push notifications—directly through the browser without managing separate iOS or Android codebases. This approach reduces development overhead while delivering a seamless, engaging experience that works reliably even in poor network conditions.0installs262Push Notification SetupA skill for implementing push notifications across iOS, Android, and web using Firebase Cloud Messaging and native services. A developer uses it when adding notification capabilities, handling background messages, or configuring notification channels in an app.0installs263React Best PracticesA frontend skill of React and Next.js performance guidelines from Vercel Engineering. A developer uses it when writing, reviewing, or refactoring React code for performance, covering async patterns, bundle optimization, server/client component boundaries, and re-render reduction.0installs264React Composition PatternsA frontend skill collecting React composition patterns from Vercel Engineering. A developer uses it to build scalable components, implement compound-component patterns, avoid boolean-prop proliferation, and manage component state and architecture cleanly.0installs265React Hook Form ZodA frontend skill for building type-safe React forms with React Hook Form and Zod validation. A developer uses it to define form schemas, build field arrays and multi-step forms, and resolve validation, resolver, and nested-field problems in a React UI.0installs266React Native SkillsA mobile skill covering React Native and Expo best practices for building performant apps. A developer uses it when creating React Native components, optimizing list performance, implementing animations, or integrating native modules into a mobile app.0installs267Recommendation EngineA data/ML skill for building recommendation systems using collaborative filtering, matrix factorization, and hybrid approaches. A developer uses it to create product recommendations and personalization, and to address cold-start, sparsity, and quality-evaluation challenges in the model itself.0installs268Recommendation SystemA data/ML skill for deploying production recommendation systems with feature stores, caching, A/B testing, and quality monitoring. A developer uses it to serve personalization APIs at low latency and to handle cache invalidation, experiment tracking, and quality-monitoring issues in production.0installs269Responsive Web DesignA frontend skill for building adaptive web interfaces with Flexbox, CSS Grid, and media queries using a mobile-first approach. A developer uses it when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility.0installs270Rest Api DesignA backend skill for designing RESTful APIs with proper resource naming, HTTP methods, status codes, and response formats. A developer uses it when standing up new APIs, establishing team-wide API conventions, or shaping developer-friendly, consistent interfaces.0installs271Root Cause TracingA debugging skill that systematically traces a bug backward through the call stack to locate the original trigger. A developer uses it when an error surfaces deep in execution and the visible failure point is far from the actual cause, needing a disciplined path back to root cause.0installs272Security Headers ConfigurationA security skill for configuring HTTP security headers to protect web apps against XSS, clickjacking, and MIME-sniffing attacks. A developer uses it when hardening an application before release, passing a security audit, or implementing a Content Security Policy.0installs273Seo Keyword Cluster BuilderAn SEO skill that groups related keywords into topic clusters and recommends content-hub architecture with internal-linking strategies. A developer uses it when planning content strategy, organizing keyword research, or designing pillar-and-cluster page structures to rank for a topic.0installs274Seo OptimizerAn SEO skill that optimizes content through keyword analysis, readability assessment, technical validation, and content-quality checks. A developer uses it to improve search rankings for blog posts and pages, audit existing content, and fix meta-tag, schema-markup, and keyword-density issues.0installs275Sequential ThinkingA reasoning skill that adds systematic, step-by-step thinking with the ability to revise and branch across thought paths. A developer uses it for complex problem decomposition, multi-stage analysis, and design planning where scope is unclear or alternative approaches need exploring.0installs276Session ManagementA security skill for building secure session management using JWT tokens, Redis storage, refresh-token flows, and properly configured cookies. A developer uses it when implementing an authentication system, managing user sessions, or wiring up safe logout in a web backend.0installs277Shadcn VueA frontend skill for using shadcn-vue with Vue and Nuxt, built on Reka UI components and Tailwind. A developer uses it to assemble accessible interfaces, Auto Forms, data tables, and charts, and to work through dark-mode and Reka UI component-import issues.0installs278Sql Query OptimizationAn SQL performance skill for PostgreSQL and MySQL that uses EXPLAIN analysis, indexing, and JOIN tuning to fix slow queries. A developer reaches for it when hitting sequential scans, N+1 problems, OFFSET pagination, temp-table spills, or missing indexes that drag down a running database.0installs279Supabase Postgres Best PracticesA Supabase-authored skill packaging 30 Postgres performance and best-practice rules across 8 categories, ranked by impact. A developer uses it while designing schemas, adding indexes, and tuning slow queries on a Supabase or general Postgres backend to ship a faster, more reliable data layer.0installs280Sveltia CmsSveltia CMS is Git-backed content management for static sites, the Decap/Netlify CMS successor with a smaller bundle and GraphQL performance. Developers use it with Hugo, Jekyll, 11ty, Astro, or Next.js, and to resolve OAuth, TOML/YAML, CORS, and content-listing errors.0installs281Swift Best PracticesCovers modern Swift 6+ best practices, concurrency patterns, and API-design guidelines for iOS and macOS, including async/await, actors, MainActor, Sendable, and typed throws. Developers use it when writing or reviewing Swift code and migrating to Swift 6.0installs282Swift SettingskitSettingsKit builds SwiftUI settings and preferences interfaces across Apple platforms. Developers use it for searchable settings, nested navigation, and @Observable/@Bindable state, and to resolve settings-update and navigation-state issues.0installs283Systematic DebuggingA four-phase debugging framework that forces root-cause investigation before attempting fixes. Developers use it whenever they hit a bug, test failure, or unexpected behavior and want a disciplined process instead of guessing at solutions.0installs284Tailwind V4 ShadcnA production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Developers use it to initialize projects, implement dark mode, debug CSS-variable and theme-switching issues, migrate from Tailwind v3, and apply v4 gotchas.0installs285Tanstack AiTanStack AI (alpha) is provider-agnostic, type-safe chat with streaming for OpenAI, Anthropic, Gemini, and Ollama. Developers use it for chat APIs, React/Solid frontends, isomorphic tools, tool-approval flows, agent loops, and multimodal inputs.0installs286Tanstack QueryTanStack Query v5 (React Query) handles server-state management in React. Developers use it for data fetching, caching, and mutations, and to resolve v4 migration, stale-data, and invalidation errors.0installs287Tanstack RouterTanStack Router provides type-safe, file-based routing for React. Developers use it for SPAs and TanStack Query integration, and to resolve devtools, type-safety, loader, and Vite bundling errors.0installs288Tanstack StartTanStack Start (RC) is full-stack React with server functions, SSR, and Cloudflare Workers support. Developers use it for edge rendering and Next.js migration, and to resolve hydration, auth, and data-pattern errors.0installs289Tanstack TableTanStack Table v8 provides headless data tables with server-side features on Cloudflare Workers and D1. Developers use it for pagination, filtering, sorting, and virtualization, and to resolve state, query coordination, and URL-sync issues.0installs290Technical SpecificationCreates detailed technical specifications for software projects covering requirements, architecture, APIs, and testing strategies. Developers use it when planning features, documenting system design, or writing architecture decision records before implementation.0installs291Test Quality AnalysisDetects test smells, overmocking, flaky tests, and coverage issues, analyzing test effectiveness, maintainability, and reliability. Developers use it when reviewing or improving the quality of an existing test suite.0installs292Thesys Generative UiThesys enables AI-powered generative UI, creating React components from natural language. Developers use it to add LLM-driven, dynamically generated interface elements to an app.0installs293ThreejsA Three.js skill for building 3D web experiences. Developers use it when adding interactive WebGL-based 3D graphics to a web frontend. The content is sparse, so specifics beyond core Three.js usage are inferred.0installs294TurborepoTurborepo is a high-performance monorepo build system. Developers use it for monorepo setup, build optimization, task pipelines, caching strategies, and orchestrating multiple packages.0installs295Typescript McpCovers building MCP servers in TypeScript on Cloudflare Workers using the official @modelcontextprotocol/sdk. Developers use it for API integrations, stateless tools, and edge deployments, and to fix export, schema, CORS, and auth errors.0installs296UltraciteUltracite is a multi-provider linting and formatting layer over Biome, ESLint, and Oxlint, with Git hooks, MCP, and AI-hook integration. Developers use it to set up and standardize lint/format quality gates, including in monorepos.0installs297Vercel BlobVercel Blob is CDN-backed object storage for Next.js. Developers use it for file uploads such as images, PDFs, and videos, presigned URLs, and user-generated content, and to handle BLOB_READ_WRITE_TOKEN, size-limit, and client-upload-token errors.0installs298Vercel KvVercel KV is Redis-compatible key-value storage via Upstash for Next.js. Developers use it for caching, sessions, rate limiting, and TTL data storage, and to resolve KV_REST_API_URL, rate-limit, and serialization errors.0installs299Verification Before CompletionA discipline skill that requires running verification commands and confirming their output before claiming work is complete or passing, and before committing or opening PRs. Developers use it to avoid declaring success without evidence.0installs300Vitest TestingVitest provides modern, fast unit and integration testing for TypeScript and JavaScript with native ESM, Vite-powered HMR, and comprehensive mocking. Developers use it to test TS/JS projects before shipping.0installs301Vulnerability ScanningImplements automated security scanning for dependencies, code, and containers using Trivy, Snyk, and npm audit. Developers use it to set up CI/CD security gates and run pre-deployment audits to meet compliance requirements.0installs302Web Performance AuditRuns web performance audits using Core Web Vitals, identifying bottlenecks and recommending optimizations for issues like LCP, FID, CLS, and render delays. Developers use it to review page load performance and UX before shipping.0installs303Web Performance OptimizationOptimizes web application performance through code splitting, lazy loading, caching, service workers, and Core Web Vitals monitoring. Developers use it to cut page load times and bundle sizes when preparing an app for production.0installs304Websocket ImplementationImplements real-time WebSocket communication with connection management, room-based messaging, and horizontal scaling. Developers use it when adding chat, live notifications, collaborative tools, or real-time dashboards to an app.0installs305Woocommerce Backend DevCovers adding or modifying WooCommerce backend PHP — new classes, methods, hooks, or edits to existing code — following project conventions. Developers use it when implementing server-side WooCommerce functionality.0installs306Woocommerce Code ReviewReviews WooCommerce code changes for coding-standards compliance, either locally or via automated PR review. Developers use it to gate quality on WooCommerce contributions before they land.0installs307Woocommerce Copy GuidelinesProvides guidelines for UI text and copy in WooCommerce — labels, buttons, messages, and documentation. Developers use it when writing user-facing text so wording stays consistent with WooCommerce conventions.0installs308Woocommerce Dev CycleGuides running tests, linting, and quality checks for WooCommerce development. Developers use it to follow the project's verification workflow before merging or shipping WooCommerce changes.0installs309Wordpress Plugin CoreA WordPress plugin-core skill covering hooks, security, the REST API, custom post types, $wpdb queries, and the Settings API. Developers use it to create plugins and avoid common SQL injection, XSS, CSRF, and nonce mistakes.0installs310Xss PreventionCovers preventing cross-site scripting through input sanitization, output encoding, and Content Security Policy. Developers use it when handling user-generated content, building rich text editors, or hardening a web app before release.0installs311ZodZod is TypeScript-first schema validation with type inference for API requests/responses, form data, env vars, and configs, plus JSON Schema generation for OpenAPI or AI tools. Developers use it to add runtime validation and type-safe data handling while constructing an app.0installs312Zustand State ManagementZustand is a minimal state management library for React that replaces Redux or Context API with significantly less boilerplate while maintaining full TypeScript support. developers use it to manage global application state, persist data to localStorage, handle Next.js SSR hydration, and debug state changes with devtools. It matters because improper state management early in development leads to infinite render loops, type inference failures, and painful migrations later when the codebase grows.0installs