JavaScript

repo-scan is a cross-stack source audit skill that classifies files, detects embedded third-party libraries, and helps you judge what is core, duplicated, or dead weight. It is useful for repo-scan for Code Review, legacy migrations, and refactor planning. See repo-scan install and repo-scan usage guidance in the skill.

nuxt4-patterns is a Nuxt 4 skill for hydration safety, route rules, lazy loading, and SSR-safe data fetching. Use the nuxt4-patterns skill to make better Frontend Development decisions, reduce mismatches, and apply the right pattern for each page or component.

The nodejs-keccak256 skill helps you avoid a common Ethereum bug in JavaScript and TypeScript: using Node's sha3-256 when you need Keccak-256. It is useful for backend development, selectors, event topics, signatures, storage slots, and address derivation, with practical nodejs-keccak256 usage guidance.

The nextjs-turbopack skill helps you use Turbopack in Next.js 16+ for faster local development, HMR, and bundler decisions. Use it as a practical nextjs-turbopack guide for install, usage, and when to switch back to webpack in Frontend Development workflows.

nanoclaw-repl is a session-aware REPL skill for operating and extending NanoClaw v2. It supports persistent markdown-backed sessions, branching, search, compaction, model switching, and export for Workflow Automation. Use this nanoclaw-repl guide to keep local tasks deterministic and easy to resume.

frontend-slides helps you create animation-rich HTML presentations from scratch or by converting PowerPoint files. Use the frontend-slides skill for talks, pitch decks, workshops, internal demos, and frontend-slides for UI Design when you want visual exploration, zero-dependency browser output, and slides that fit one viewport.

frontend-patterns is a practical skill for React and Next.js frontend development, helping you choose maintainable patterns for components, state, forms, routing, accessibility, and performance. Use the frontend-patterns guide when you need clear implementation guidance and pattern selection, not just generic best practices.

The coding-standards skill gives a baseline for naming, readability, immutability, consistency, and code review across projects, before applying framework-specific rules.

The bun-runtime skill helps you choose Bun for new JavaScript or TypeScript projects, Node migration, scripts, tests, and Vercel setups. It covers bun-runtime usage, install guidance, Bun vs Node tradeoffs, and practical workflows for frontend and full-stack development.

Learn the agentic-engineering skill for eval-first execution, task decomposition, model routing, and safer workflow automation with regression checks.

browse is a fast headless browser skill for QA, dogfooding, and browser automation. Use it to open pages, interact with elements, verify state, compare before and after actions, capture screenshots, and check responsive layouts, forms, uploads, dialogs, and element states. Install browse when you need browser evidence instead of a generic prompt.

setup-pre-commit helps you add Husky pre-commit hooks with lint-staged, Prettier, and optional typecheck/test runs. Use this setup-pre-commit guide when your repo needs a fast, repeatable pre-commit safety net and you want to preserve existing config while adding the right scripts for the current package manager.

tdd is a Test-Driven Development skill for building features, fixing bugs, and writing durable tests with the red-green-refactor loop. It favors behavior-focused tests through public interfaces, boundary-only mocking, and practical guidance for test automation, refactoring, and interface design.

The prototype skill helps you build throwaway code that answers one concrete question before you commit to a real implementation. Use it to test logic, state transitions, data shape, or UI direction with a runnable prototype that matches the host repo’s conventions. It’s ideal when you need a quick prototype guide, not a final feature.

ckm:design-system helps you build three-layer tokens, component specs, CSS variables, Tailwind mappings, and brand-consistent slide assets from a clear token architecture.

paypal-integration helps developers plan and scaffold PayPal checkout, subscriptions, payouts, IPN, and refund flows. Use it to choose between JavaScript SDK and REST API approaches, generate starter code, and shape ecommerce payment workflows with clearer implementation direction.

nodejs-backend-patterns is a practical guide for building Node.js backend services with Express or Fastify, covering middleware, auth, error handling, repository layers, DI, caching, and database integration for production-minded APIs.

typescript-advanced-types is a focused skill for advanced TypeScript type design, covering generics, conditional types, mapped types, template literal types, and utility patterns for safe frontend and library code.

modern-javascript-patterns is a practical ES6+ reference for refactoring legacy JavaScript, adopting async/await, modules, destructuring, and functional array patterns. Use it to modernize frontend or general JavaScript code with clearer syntax, stronger pattern choices, and better maintainability.

javascript-testing-patterns helps agents draft JS/TS tests and test setups with Jest, Vitest, and Testing Library. Use it to plan unit, integration, and UI tests, with patterns for mocks, fixtures, coverage, and stronger Test Automation prompts.

nextjs-app-router-patterns helps developers plan Next.js 14+ App Router architecture, including Server Components, streaming, caching, route handlers, and Server Actions for full-stack development and Pages Router migrations.

dependency-upgrade is a skill for planning major dependency upgrades with semver review, compatibility analysis, staged rollout, and testing. Use it to audit npm or yarn packages, inspect dependency trees, resolve conflicts, and guide safer framework or library upgrades in Code Editing workflows.

react-modernization is a migration-focused skill for upgrading React 16/17 apps to 18+, converting class components to hooks, updating root APIs, and planning staged refactors with codemod-aware guidance.

vercel-react-native-skills is a React Native and Expo skill for performance-minded frontend development. Use it to improve list rendering, animations, navigation, UI patterns, state management, and native module setup. It includes practical rules, install guidance, and usage patterns for working through mobile app bottlenecks with less guesswork.