AI Skill Library

Skills

82 skills available

Next.js App Router

Next.js 14 App Router architecture, server components, data fetching.

nextjsreactfrontend

React Hooks Patterns

Idiomatic React hooks usage: state, effects, memo, refs, custom hooks.

reactfrontend

TypeScript Essentials

Practical TypeScript: utility types, generics, narrowing, common patterns.

typescriptlanguage

TailwindCSS Patterns

Responsive design, dark mode, common layout recipes, performance.

csstailwindfrontend

Modern Python

Python 3.10+ features: type hints, match, dataclasses, pathlib, async.

pythonlanguage

FastAPI Essentials

Build typed async REST APIs with FastAPI + Pydantic v2.

pythonbackendapi

Docker Essentials

Dockerfile best practices, multi-stage builds, compose, volumes, networks.

dockerdevops

Git Workflow

Daily git commands, rebase vs merge, undo recipes, conventional commits.

gitdevops

GitHub Actions CI/CD

Workflow syntax, matrix builds, secrets, common patterns for test+deploy.

cigithubdevops

PostgreSQL Patterns

Indexes, joins, JSON, CTEs, window functions, performance basics.

sqlpostgresdatabase

REST API Design

Resource modeling, HTTP semantics, status codes, versioning, pagination.

apihttpbackend

Regex Cookbook

Common regex patterns for emails, URLs, dates, validation, capture groups.

regexutility

Linux Shell Toolkit

Essential Unix commands: file ops, text processing, process mgmt, networking.

linuxshellbash

SQLAlchemy 2.0 ORM

Modern SQLAlchemy 2.x patterns: models, sessions, relationships, queries.

pythondatabaseorm

Vue 3 Composition API

ref, reactive, computed, watch, lifecycle, script setup syntax.

vuefrontend

Rust Ownership & Borrowing

Ownership rules, references, lifetimes, common patterns.

rustlanguage

Testing Strategy

Unit, integration, e2e -- when to use each; doubles, fixtures, naming.

testingquality

Redis Patterns

Caching, rate limiting, pub/sub, distributed locks, common data structures.

rediscachebackend

System Design Basics

Scaling, caching, queues, CAP, sharding, common interview building blocks.

system-designarchitecture

Effective AI Coding Prompts

How to write prompts that get accurate code from AI assistants.

aipromptingmeta

Kubernetes Basics

Pods, services, deployments, config maps, ingress, helm charts.

kubernetesdevopscloud

GraphQL Essentials

Schema, queries, mutations, subscriptions, resolvers, N+1 problem.

graphqlapibackend

Node.js & Express

Event loop, streams, middleware, routing, error handling, production tips.

nodejsjavascriptbackend

Auth: JWT & OAuth 2.0

JWT structure, access/refresh tokens, OAuth 2.0 flows, PKCE, session vs token.

authsecuritybackend

Web Security (OWASP Top 10)

Injection, XSS, IDOR, SSRF, misconfig -- causes and defenses.

securitybackendfrontend

Modern JavaScript (ES2022-2024)

Top-level await, structuredClone, Array.groupBy, Promise combinators and more.

javascriptlanguagefrontend

CSS Grid & Flexbox

Complete flexbox and CSS grid reference with common layout patterns.

cssfrontendlayout

Web Performance

Core Web Vitals, resource loading, rendering, caching, profiling.

performancefrontendweb

MongoDB Patterns

Document model, indexes, aggregation pipeline, schema design, transactions.

mongodbdatabasenosql

Prisma ORM

Schema definition, migrations, queries, relations, transactions, raw SQL.

prismadatabaseormtypescript

Go Basics

Types, goroutines, channels, interfaces, error handling, stdlib patterns.

golanguagebackend

Microservices Patterns

Decomposition, API gateway, saga, circuit breaker, event sourcing, observability.

architecturemicroservicesbackend

WebSocket & Real-time

WebSocket, Socket.IO, SSE, long polling -- protocols and when to use each.

websocketrealtimebackendfrontend

Terraform IaC

HCL syntax, providers, resources, state, modules, workspaces.

terraformdevopscloudiac

LangChain & LLM Patterns

Chains, RAG, agents, memory, tools, prompt templates, tracing.

aillmlangchainpython

Three.js Essentials

Scene, camera, renderer, geometries, materials, lights, animations and loaders.

threejs3dwebglfrontend

React Three Fiber

Three.js in React with R3F, Drei helpers, useFrame, useThree, physics, post-processing.

threejsreact3dr3ffrontend

GSAP Animation

Tweens, timelines, ScrollTrigger, MotionPath, React integration, best practices.

gsapanimationfrontendjavascript

WebGL & GLSL Shaders

WebGL pipeline, vertex and fragment shaders, uniforms, varyings, common effects.

webglglslshader3dfrontend

CSS Animations & Transitions

Transitions, keyframe animations, CSS 3D transforms, will-change, performance.

cssanimationfrontend

Framer Motion

React animation library: variants, gestures, layout animations, scroll, exit.

framer-motionanimationreactfrontend

Lottie & SVG Animation

Lottie JSON animations, SVG SMIL, animating SVG with GSAP and CSS.

lottiesvganimationfrontend

Spline 3D for Web

Create and embed interactive 3D scenes in web pages using Spline.

spline3dno-codefrontend

TanStack Query

Server state management: queries, mutations, caching, pagination, optimistic updates.

reactdata-fetchingfrontend

Zustand State Management

Lightweight global state for React: stores, slices, middleware, persistence.

reactstatefrontend

Zod Validation

TypeScript-first schema validation, parsing, form integration, error handling.

typescriptvalidationfullstack

Vite Build Tool

Dev server, HMR, plugins, env vars, build optimization, library mode.

vitebuildfrontendtooling

PWA & Service Worker

Manifest, service worker lifecycle, caching strategies, offline, push notifications.

pwaservice-workerfrontendweb

Web Accessibility (a11y)

WCAG 2.2, ARIA roles, keyboard navigation, screen readers, focus management.

a11yaccessibilityfrontendhtml

Drizzle ORM

TypeScript-first SQL ORM: schema, migrations, queries, relations, serverless.

drizzledatabaseormtypescript

tRPC Full-stack

End-to-end type-safe APIs without code generation: routers, procedures, Next.js integration.

trpctypescriptfullstackapi

Nginx Configuration

Static serving, reverse proxy, SSL, gzip, caching headers, rate limiting.

nginxdevopsbackend

React Native Basics

Core components, styling, navigation, platform differences, Expo workflow.

react-nativemobileiosandroid

OpenAI API Patterns

Chat completions, streaming, function calling, embeddings, vision, assistants.

openaiaillmapi

Monorepo with Turborepo

Workspace setup, turborepo pipeline, shared packages, caching, CI integration.

monorepoturborepotoolingdevops

React Hook Form

Performant forms: register, validation, errors, watch, dynamic fields, Zod integration.

reactformsfrontend

Docker Compose Patterns

Multi-service apps, volumes, networks, health checks, profiles, override files.

dockerdevopsbackend

Linux Server Setup

New VPS hardening: users, SSH keys, firewall, fail2ban, swap, timezone.

linuxdevopssecurityvps

PM2 Node.js Deployment

PM2 process manager: start, cluster mode, ecosystem config, log management, startup.

pm2nodejsdevopsdeployment

Vercel & Netlify Deployment

Deploy Next.js/React apps, env vars, custom domains, preview deployments, edge functions.

vercelnetlifydeploymentfrontend

AWS Essentials

EC2, S3, RDS, CloudFront, IAM, ECS, Lambda -- key patterns for web apps.

awsclouddevopsdeployment

CI/CD Deploy Pipeline

Full deploy pipeline: build, test, Docker build+push, SSH deploy, rollback strategy.

ci-cdgithub-actionsdevopsdeployment

SSL & DNS Setup

DNS records, Let's Encrypt SSL, Certbot, Cloudflare proxy, wildcard certs.

ssldnsdevopsdeployment

Monitoring & Logging

Prometheus, Grafana, structured logging, error tracking, uptime monitoring.

monitoringloggingdevopsobservability

Database Backup & Restore

PostgreSQL dump/restore, automated backups to S3, point-in-time recovery, Redis persistence.

databasepostgresqldevopsbackup

Serverless & Edge Deployment

AWS Lambda, Cloudflare Workers, Vercel Edge, cold starts, execution limits.

serverlessedgecloudflareawsdeployment

Python Web Scraping

Requests, BeautifulSoup, lxml, parsing HTML/JSON, headers, sessions, rate limiting.

pythonscrapingcrawlerbackend

Playwright Browser Automation

Dynamic page scraping, SPA crawling, form interaction, screenshots, stealth mode.

playwrightscrapingautomationjavascriptpython

Scrapy Framework

Spiders, selectors, pipelines, middlewares, crawl rules, distributed crawling.

scrapypythonscrapingcrawler

Elasticsearch

Index, mapping, full-text search, aggregations, filters, relevance tuning.

elasticsearchsearchbackenddatabase

Vector Databases & Semantic Search

Embeddings, cosine similarity, pgvector, Chroma, Pinecone, RAG retrieval pipeline.

vector-dbaisearchragembeddings

Meilisearch & Typesense

Open-source search engines: instant search, typo tolerance, faceting, ranking.

meilisearchtypesensesearchbackend

PostgreSQL Full-Text Search

tsvector, tsquery, GIN index, ranking, Chinese text search, pg_trgm similarity.

postgresqlsearchdatabasebackend

Crawler Anti-Detection

Proxies, fingerprint spoofing, CAPTCHA handling, rate limits, cookie management.

scrapingcrawleranti-detectionpython

shadcn/ui & Radix UI

Headless accessible components, shadcn patterns, theming, variants with cva.

reactuicomponentsfrontend

Advanced CSS Effects

Glassmorphism, neumorphism, gradients, masks, filters, blend modes, clip-path.

cssfrontenddesigneffects

Scroll-Driven Animations

Intersection Observer, CSS scroll-driven animations, parallax, sticky effects.

cssanimationscrollfrontend

Canvas 2D Creative Coding

Drawing, particles, generative art, interactive canvas, OffscreenCanvas.

canvascreative-codinganimationfrontend

Micro-interactions & UX Animations

Button feedback, loading states, skeleton screens, toasts, drag-and-drop UX.

uxanimationreactfrontenddesign

Advanced Tailwind CSS

Custom plugins, animations, arbitrary values, container queries, design tokens.

tailwindcssfrontend

Dark Mode & Design Tokens

CSS custom properties, color systems, theme switching, system preference detection.

cssdesign-systemdark-modefrontend

Motion Design Principles

Easing curves, duration guidelines, choreography, spring physics, 12 principles.

animationdesignuxmotion