AI Coding Skills Directory

🎨 Next.js Cache Components

Implement Next.js Cache Components with proactive caching patterns and ISR optimization

vercelnext.jsfrontendvercel

Frontend Development

🎨 Nextfriday Best Practices

This skill helps you write and review Next.js TypeScript code by applying 41 best-practice rules across naming, style, imports, types, and React patterns.

reactnextjstypescriptnext-friday

Frontend Development

🎨 Nextjs 15

This skill helps optimize Next.js 15 apps by applying App Router patterns, server components, and server actions across routing, data fetching, and middleware.

frontendfullstackapigentleman-programming

Frontend Development

🎨 Nextjs App Router

This skill guides you through Next.js App Router patterns, server/client components, and routing files to read, review, or create app directory files.

nextjsreactfrontendjawwad-ali

Frontend Development

🎨 Nextjs Best Practices

This skill guides Next.js App Router best practices to optimize performance, server components, data fetching, and deployment across modern apps.

performancefrontendfullstackjcastillotx

Frontend Development

📝 Nextjs Canary Docs

Local Next.js documentation reference (canary branch). Use when asked about Next.js features, App Router, Server Components, routing, data fetching, rendering, caching, styling, optimizations, configuration, or Next.js APIs.

jokejasondocumentationjokejason

Documentation

🛡️ Nextjs Client Cookie Pattern

This skill teaches a two-file Next.js pattern where a client action triggers a server cookie, ensuring secure, typed, and maintainable cookie handling.

frontendbackendfullstackwsimmonds

Security

🎨 Nextjs Code Structure

This skill guides structuring Next.js apps using Feature-Sliced Design and Server Components to improve scalability and maintainability.

frontendfullstackdesignahmed6ww

Frontend Development

🧪 Nextjs Devtools

This skill helps you inspect and debug Next.js apps by exposing routes, components, and build info via MCP tooling.

debuggingfrontendautomationmjunaidca

Testing & QA

🎨 Nextjs Expert

This skill helps you diagnose and optimize Next.js App Router issues, hydration, and performance to deliver faster, reliable deployments.

frontendfullstackperformancecin12211

Frontend Development

🎨 Nextjs Google Maps

This skill helps you integrate Google Maps into Next.js apps using @react-google-maps/api, enabling maps, places, directions, and geocoding features.

frontendfullstackapifumiya-kume

Frontend Development

🎨 Nextjs Pathname Id Fetch

This skill explains and implements the Next.js pathname ID fetch pattern to load data from URL parameters in server components.

frontendapidatawsimmonds

Frontend Development

🎨 Nextjs Performance

This skill helps optimize Next.js apps for speed by applying best practices for images, fonts, dynamic imports, and caching.

performancefrontendcode-reviewjovermier

Frontend Development

🐛 Nextjs Server Side Error Debugging

This skill helps you debug Next.js server-side errors in getServerSideProps and getStaticProps by guiding you to terminal logs and robust handling.

debuggingbackendfullstackblader

Debugging

🛡️ Nextjs Stripe Integration

This skill helps you implement Stripe payments and subscriptions in Next.js projects, including checkout, webhooks, and customer management.

backendfrontendapimicrock

Security

🎨 Nextjs16 Skills

This skill helps plan upgrades and troubleshoot Next.js 16 migrations, including Turbopack changes and API runtime adjustments.

migrationplanningdebugginggocallum

Frontend Development

⚙️ Neynar

This skill helps you read Farcaster feeds, lookup users, post casts, and search content via Neynar API.

apiautomationsocial-mediabankrbot

Automation & Integrations

⚙️ Nfl Super Bowl Scores

This skill helps you retrieve the final score, participating teams, and a direct URL for a given Super Bowl year from NFL.com.

dataanalyticsapiontos-ai

Automation & Integrations

⚙️ Nginx To Higress Migration

This skill assists migrating from ingress-nginx to Higress in Kubernetes, analyzing, mapping annotations, and generating WASM plugins for unsupported features.

kubernetesmigrationdevopsalibaba

Automation & Integrations

📋 Nh

Switch NixOS/Home Manager configurations, clean old generations, and perform system maintenance with nh. Use when running os/home switch, pruning the Nix store, or managing system generations.

knoopxworkflowknoopx

Developer Workflow

📋 Nitro Cli

This skill helps you build static sites with Python using Nitro CLI, delivering scalable pages, islands hydration, and optimized production builds.

pythonclinitrosh

Developer Workflow

📋 Nitro Ui

Generate NitroUI code - a Python library for programmatic HTML generation using classes instead of templates

nitroshworkflownitrosh

Developer Workflow

📋 Nix

Nix commands and package management guide. Use when: - Running nix build, nix run - Adding custom packages - Using nurl for hash acquisition

i9wa4workflowi9wa4

Developer Workflow

📝 No Sql Web Sdk

This skill guides using the CloudBase document database Web SDK to query, create, update, and delete data efficiently in web apps.

backenddatabasecloudtencentcloudbase

Documentation

🐛 Node

This skill helps you implement Node.js best practices with TypeScript type stripping, improving performance and maintainability.

typescriptbackendperformancemcollina

Debugging

🧪 Node Red

This skill guides you through building and debugging Node-RED flows and custom nodes to streamline IoT automation.

automationdebuggingintegration-testsszkocot

Testing & QA

⚙️ Node Red

This skill helps you build Node-RED flows for Home Assistant using up-to-date node types and flow configuration.

automationbackendscriptingtonylofgren

Automation & Integrations

🧪 Nodejs

Core Node.js backend patterns for TypeScript applications including async/await error handling, middleware concepts, configuration management, testing strategies, and layered architecture principles. Use when building Node.js backend services, APIs, or microservices.

blencorptestingblencorp

Testing & QA

📋 Nostr

This skill helps you explore up-to-date Nostr NIPs, discover capabilities, and implement correct nostr functionality across clients.

apibackenddocssoapbox-pub

Developer Workflow

🔍 Not Ai Writer

This skill helps you sculpt authentic human-sounding writing by removing AI markers and injecting personality during review, editing, or creation.

writingcontentcopywritingdimitrigilbert

Code Review & Quality

⚙️ NotebookLM

Query NotebookLM notebooks and receive source-grounded, citation-backed answers

pleasepromptonotebooklm-skillautomationpleaseprompto

Automation & Integrations

⚙️ Notebooklm

This skill helps you query and manage NotebookLM notebooks with persistent profiles, batch questions, and structured exports.

automationcliscriptingsanjay3290

Automation & Integrations

⚙️ Notebooklm Superskill

Generate slide decks, audio podcasts, infographics, and video overviews from NotebookLM notebooks. Customizable by audience, format, language (80+), orientation, and visual themes. Use when asked to generate slides, create podcast, make infographic, video overview, or automate NotebookLM content cre

ainergizautomationainergiz

Automation & Integrations

⚙️ Notebooklm Youtube Skill

This skill creates NotebookLM notebooks from YouTube videos by researching featured people, adding sources, and generating an audio overview.

aiautomationresearchbayramannakov

Automation & Integrations

🧪 Notes

This skill adds non-invasive git notes to commits, enabling metadata tracking and review status without altering history.

gitscriptingcode-reviewneolabhq

Testing & QA

⚙️ Notion

This skill lets you manage Notion pages, databases, blocks, and comments via AtrisOS, enabling quick search, creation, and updates.

apidatabasecliatrislabs

Automation & Integrations

🐛 Notion Api

This skill guides you through using the Notion API to read, create, update, and delete pages, databases, blocks, and comments.

apidatabasedataintellectronica

Debugging

⚙️ Notion Automation

This skill automates Notion tasks via Rube MCP for pages, databases, blocks, and comments, using current tool schemas.

aiautomationpythoncomposiohq

Automation & Integrations

📝 Notion Markdown Conversion

This skill converts Notion databases and pages to structured Markdown, enabling clean export, documentation, and visualization workflows.

docswritingdatachildbamboo

Documentation

📋 Notion Template Business

This skill helps you build and scale Notion template businesses into real revenue by design, pricing, marketing, and marketplace strategies.

designmarketingstrategyxfstudio

Developer Workflow

🧪 Notseer

This skill identifies and proves code bugs with certainty, tracing exact location, input, and root cause to prevent false positives.

debuggingcode-reviewtypescriptgetsentry

Testing & QA

🧪 Nova Resource

This skill helps you create and modify Laravel Nova 5.x resources with PCR Card patterns, including tabs, badges, and constant selects.

backendfullstackapihackur

Testing & QA

📋 Novel Architect

This skill guides you through step-by-step novel project creation, from emotional braindump to chapter outlines, preserving your voice.

writingcontentstrategyjunaid18183

Developer Workflow

⚙️ Novel Creator

Interactive novel creation workflow combining RPG-style storytelling with professional EPUB ebook production. Use when users want to: (1) Create interactive stories/RPG games with branching choices, (2) Write full novels from story concepts, (3) Generate novels with time-travel/fantasy/romance eleme

mave99aautomationmave99a

Automation & Integrations

⚙️ Novel Writer

This skill assists long-form novel creation by managing from concept to manuscript with quality control and synchronized status updates.

writingcontentplanningcyangzhou

Automation & Integrations

🎨 Npm Library Setup

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM). Use when setting up npm packages, configuring ESM, TypeScript packages, or React component libraries.

huozhifrontendhuozhi

Frontend Development

⚙️ Npm Publisher

This skill guides you through the complete npm publish workflow from staging and version bumps to automated CI/CD publishing and verification.

ci-cddevopsgitklaudworks

Automation & Integrations

📋 Npname

Validate npm package names and check availability on the registry. Use when creating new npm packages, suggesting package names, or validating package naming conventions.

dobroslavradosavljevicworkflowdobroslavradosavljevic

Developer Workflow

📋 Nsfc Abstract

This skill generates bilingual NSFC abstracts with titles and structured five-sentence content, and writes results to NSFC-ABSTRACTS.md.

writingcontentdocshuangwb8

Developer Workflow

⚙️ Nsfc Code

This skill analyzes NSFC proposal text to produce five recommendation pairs of codes with justifications, outputting a read-only markdown report.

dataanalyticspythonhuangwb8

Automation & Integrations

📋 Nsfc Humanization

This skill polishes NSFC proposal text to read like a seasoned expert, preserving content, LaTeX structure, and official tone.

writingcontentdocshuangwb8

Developer Workflow

🔍 Nsfc Length Aligner

This skill helps you quantify NSFC manuscript length, compare to budgeted targets, and generate targeted rewrites to meet requirements without changing meaning.

aiautomationanalyticshuangwb8

Code Review & Quality

🔍 Nsfc Qc

This skill conducts read-only quality control for NSFC bid documents, producing standardized QC reports and evidence-backed findings to guide revisions.

automationdocswritinghuangwb8

Code Review & Quality

📝 Nsfc Roadmap

This skill generates NSFC technical roadmaps with editable draw.io sources and embedded renderings for printable, A4-friendly documentation.

pythondocsautomationhuangwb8

Documentation

⚙️ Nutritional Specialist

This skill personalizes food advice by saving user preferences and tailoring meal ideas, recipes, and nutrition guidance to individual goals.

aidatabasedataailabs-393

Automation & Integrations

🎨 Nuxt

This skill helps you build and optimize Nuxt apps with SSR, routing, and data fetching patterns across server routes and components.

frontendfullstackbackendantfu

Frontend Development

🛡️ Nuxt Better Auth

This skill helps you implement authentication in Nuxt 4+ using Better Auth, providing useUserSession, server helpers, and route protection.

frontendbackendsecurityonmax

Security

🎨 Nuxt Content

This skill helps you work with Nuxt Content in Nuxt 4, enabling seamless querying, rendering, and navigation of markdown content.

contentfrontenddocsfawzymohamed

Frontend Development

🎨 Nuxt Content

This skill helps you work with Nuxt Content v3 by guiding collections querying rendering and database setup for content-driven apps.

frontendbackenddataonmax

Frontend Development

🎨 Nuxt Module

This skill enables Nuxt projects to render charts with auto-imported vue-chrts components and types for rapid data visualization.

nuxtvuedatadennisadriaans

Frontend Development