Skill Library

Create a new Next.js project with James's standard setup — Prisma 7, Neon, Tailwind, Vercel deploy, Cloudflare DNS. Use when starting any new web project from scratch.

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Skill for Google Gemini API — auto-generated from documentation

Skill for OpenAI API — auto-generated from documentation

Skill for Anthropic Claude API — auto-generated from documentation

Skill for FastAPI — auto-generated from documentation

Skill for LiteLLM (LLM Router) — auto-generated from documentation

Skill for SQLAlchemy Async — auto-generated from documentation

Skill for Prisma ORM — auto-generated from documentation

Skill for Playwright Browser Automation — auto-generated from documentation

Skill for uv (Python Package Manager) — auto-generated from documentation

Skill for Tailwind CSS — auto-generated from documentation

Skill for Ruff (Python Linter) — auto-generated from documentation

Skill for Vite — auto-generated from documentation

Skill for GitHub Actions CI/CD — auto-generated from documentation

Skill for PyTorch — auto-generated from documentation

Skill for GitHub CLI (gh) — auto-generated from documentation

Skill for Stripe API — auto-generated from documentation

Skill for APScheduler — auto-generated from documentation

How to prioritize and build SaaS integrations: architecture patterns (polling vs webhooks, OAuth vs API keys), build vs buy decisions, integration categories, security, and testing. Use when planning which integrations to build for any SaaS product.

Integrate with QuickBooks Online: OAuth 2.0 auth, invoices, payments, customers, chart of accounts, webhooks, SDK usage, sandbox testing, and app review process. Use when building accounting sync for any SaaS product.

Integrate with Xero: OAuth 2.0 + PKCE, multi-tenant, invoices, payments, bank transactions, webhooks, tax handling (GST/VAT), SDKs, and app certification. Use when building accounting integrations outside the US/Canada market.

Integrate with Google Calendar: OAuth, event CRUD, recurring events (RRULE), 2-way sync with syncToken, push notifications, CalDAV/iCal, free/busy queries, and service accounts. Use when building scheduling or booking features.

Build Zapier integrations for your SaaS: Platform CLI, triggers (polling + webhook), actions, searches, authentication (OAuth2/API key), dynamic fields, testing, publishing, and app review. Use when making your SaaS available on Zapier.

Implement OAuth 2.0 and OIDC: Authorization Code + PKCE, Client Credentials, token management, refresh flows, security best practices, building your own OAuth provider, popular libraries (passport.js, authlib), and managed services (Auth0, Clerk, Keycloak).

Design and consume webhooks: event naming, payload structure, HMAC-SHA256 signatures, retry policies, idempotent processing, delivery infrastructure (Svix, Hookdeck), testing (ngrok), and real-world patterns from Stripe/GitHub/Shopify.

Integrate Twilio: SMS/MMS sending, A2P 10DLC registration, phone verification (Verify API), voice/IVR (TwiML), Conversations, phone number management, TCPA/GDPR compliance, pricing, and alternatives (MessageBird, Vonage, Plivo).

Integrate Mailchimp: OAuth, audiences/lists, member management, tags/segments, campaigns, automations, e-commerce tracking, transactional email (Mandrill), webhooks, batch operations, and alternatives (Klaviyo, Brevo, ConvertKit).

Integrate Plaid: Link component, Auth (account/routing), Transactions sync, Balance, Identity, ACH Transfers, Signal (risk), webhooks, environments (Sandbox/Development/Production), compliance, and pricing.

Implement GA4: gtag.js setup, event tracking (auto/recommended/custom), e-commerce events, Measurement Protocol (server-side), Data API (reporting), BigQuery export, consent mode v2, attribution, and alternatives (Mixpanel, PostHog, Plausible).

Implement SaaS billing: Stripe Billing (Products, Prices, Subscriptions), subscription lifecycle, dunning (failed payments), tax handling (Stripe Tax, Paddle MoR), metered/usage billing, enterprise invoicing, revenue recognition, and MRR/churn metrics.

Mobile apps for SaaS: native vs PWA vs hybrid (React Native, Flutter, Expo), white-label multi-app deployment, App Store review (common rejections), push notifications (APNs/FCM), offline-first, deep linking, in-app purchases (30% commission rules), and when NOT to build an app.

Build analytics for SaaS: dashboard design, chart types (when to use each), data architecture (pre-aggregation, ClickHouse, materialized views), CSV/PDF export, embedded analytics (Metabase, Cube.js), cohort analysis, real-time dashboards, multi-tenant data isolation.

Master shadcn/ui: setup, CSS variable theming (HSL), all key components (Button, Card, Dialog, Sheet, Form, DataTable, Command, Toast, Sidebar), advanced patterns (Cmd+K palette, responsive sidebar, theme switcher, charts), customization with cva, and Radix UI accessibility.

Advanced Tailwind CSS: config best practices, responsive design (container queries, clamp), dark mode (class + CSS variables), animations (tailwindcss-animate), layout recipes (sticky header, sidebar, dashboard grid, glass card, gradient text), performance, plugins, and Tailwind v4 migration.

Automate Google NotebookLM via Chrome browser using claude-in-chrome MCP tools. Create notebooks, add sources (text, URLs, files), generate Audio Overviews (podcasts), ask questions, get summaries, rename/delete/organize notebooks. Requires claude-in-chrome MCP and a Google account signed into NotebookLM.

Build high-quality skills using Google NotebookLM as a grounded generation engine. Use this skill when creating a new skill from documentation, API references, or tool docs. Feeds source material + skill format spec + exemplars into NotebookLM, prompts its chat to generate production-ready SKILL.md content, then publishes to skills.skynet.ceo. Depends on the notebooklm skill for browser automation.

Connect Lovable projects to external services — GitHub, GitLab, Supabase, Stripe, Shopify, Aikido security. For browser automation of lovable.dev integrations.

Start Claude Code sessions on claude.ai/code to run long tasks in the background — code generation, research, builds — while you keep working locally.

Use Lovable Cloud for backend infrastructure — built-in hosting, serverless functions, database, AI features, usage monitoring, and publishing. For browser automation of Lovable's cloud platform.

Build frontend sites and MVPs on lovable.dev using browser automation. Create projects, iterate on designs, and deploy — all via Chrome MCP tools.

Manage Lovable projects — rename, configure settings, set knowledge/instructions, manage domains, publish, and control visibility. For browser automation of lovable.dev project administration.

Use ChatGPT's Deep Research feature via browser automation to kick off research tasks, monitor progress, and extract structured results.

Create and manage ChatGPT Projects via browser automation — create projects, set custom instructions, upload files/skills, start conversations within projects.

Manage large GitHub projects autonomously — create repos, manage issues/PRs, set up project boards, coordinate multiple agents across repos. For CLI and browser automation.

Use Google Gemini via browser automation — chat, create images, music, video, use Gems, upload files. For browser automation of gemini.google.com.

Use ChatGPT Codex (code agent) via browser automation — submit coding tasks, select repos/branches, manage tasks, review code. For browser automation of chatgpt.com/codex.

Use Kimi AI (Moonshot K2.5) via browser automation — chat, create documents, slides, websites, sheets, use deep research and code features. For browser automation of kimi.com.

Use Kimi's Agent Swarm to run multiple AI tasks in parallel — scale research, content generation, and analysis across many agents simultaneously. For browser automation of kimi.com/agent-swarm.

Customize Claude.ai settings via browser automation — manage skills, connectors, and personalization. For browser automation of claude.ai/customize.

Create and manage Claude.ai Projects via browser automation — organize conversations, set custom instructions, upload knowledge files. For browser automation of claude.ai/projects.

Advanced Claude Code (claude.ai/code) usage — manage sessions, use plan mode, connect repos, schedule tasks, handle multiple projects. Complements the basic background tasks skill.

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

Development guide for SitterSync Pro — B2B SaaS for babysitting agencies. Covers the stack, repo structure, Supabase schema, API patterns, and deployment.