
--- name: auth description: Auth quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Better Auth + Next.js patterns. license: Complete terms in LICENSE.txt --- # Auth Quality System One skill, 7 modes. Score authentication & authorization quality, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **score** | Audit auth quality | Read auth config -> Score 10 categories -> Sco
UI/UX design intelligence. 93 styles, 121 palettes, 81 font pairings, 35 charts, 79 components, 62 animations, 65 WCAG criteria, 46 responsive patterns, 46 dark mode rules, 60 design tokens, 13 stacks. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass, neo-minimalism, mesh gradient, geometric abstraction. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, spring physics, kinetic typography, container queries, popover API, semantic tokens.
Full Claude.ai UI clone: Next.js 16 + Tailwind v4. Exact tokens, all 19 flows, sidebar, chat input, messages, settings, login, onboarding, billing, artifacts. PageFlows July 2025.
Anthropic SDK (Claude AI) for Next.js 16. Messages API, streaming, tool use, prompt engineering, token optimization, 18 documented errors. Triggers: anthropic, claude, ai, claude api, streaming, tool use, prompt, ai enhancement, ai sdk.
Zustand v5 state management for Next.js 16. Store patterns, middleware (persist/immer/devtools), SSR hydration, CV editor multi-step wizard, 20 documented errors. Triggers: zustand, store, state management, useState replacement, global state, persist, immer.
Next.js 16 App Router patterns: use cache, proxy.ts, cacheComponents, React 19 hooks, RSC, streaming, PPR, Prisma 7, Better Auth, next-intl
--- name: infrastructure description: Infrastructure quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target), generate (create new code), review (quick file check), migrate (framework upgrade), test (generate test cases). CI/CD, Docker, monitoring patterns. license: Complete terms in LICENSE.txt --- # Infrastructure Quality System One skill, 7 modes. Score infrastructure and deployment readiness, fix issues, run the full loop, generate
--- name: payment description: Payment quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Stripe + Next.js patterns. license: Complete terms in LICENSE.txt --- # Payment Quality System One skill, 7 modes. Score payment integration, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my payments", "audit Stripe" | 10-category audit -> scorecard with g
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
--- name: agent-orchestrator description: Build multi-agent systems where an orchestrator spawns specialist worker agents in parallel waves. Use when: complex projects need parallel execution, tasks require different skills/tools, work can be decomposed into independent subtasks. triggers: ["orchestrator", "multi-agent", "spawn agents", "parallel agents", "agent workers", "divide tasks", "agent pipeline"] --- # Agent Orchestrator Orchestrator → Worker Agents pattern. Decomposes complex tasks →
--- name: api description: API quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). OWASP API Top 10 mapped. license: Complete terms in LICENSE.txt --- # API Quality System One skill, 7 modes. Score REST/HTTP API quality, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **score** | Audit API quality | Read routes -> Score 10 categories -> Scorecard | | **fix** | Fix issues f
--- name: auth description: Auth quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Better Auth + Next.js patterns. license: Complete terms in LICENSE.txt --- # Auth Quality System One skill, 7 modes. Score authentication & authorization quality, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **score** | Audit auth quality | Read auth config -> Score 10 categories -> Sco
--- name: caching description: Caching quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Next.js 16 App Router. license: Complete terms in LICENSE.txt --- # Caching Quality System One skill, 7 modes. Score caching strategy, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|----------| | **score** | Pre-launch audit, after adding/changing routes, after static/dynamic conversion | Gather
--- name: caching description: Caching quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Next.js 16 App Router. license: Complete terms in LICENSE.txt --- # Caching Quality System One skill, 7 modes. Score caching strategy, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|----------| | **score** | Pre-launch audit, after adding/changing routes, after static/dynamic conversion | Gather
CI/CD & Deployment for Next.js 16 + Prisma + Neon. Vercel, Docker, GitHub Actions, database migrations, rollback, 20 documented errors. Triggers: deploy, vercel, docker, ci/cd, github actions, pipeline, build, production, staging.
--- name: database description: Database quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Prisma + Neon patterns. license: Complete terms in LICENSE.txt --- # Database Quality System One skill, 7 modes. Score database design, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my database", "audit DB" | 10-category audit -> scorecard with grade (A+
--- name: database description: Database quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Prisma + Neon patterns. license: Complete terms in LICENSE.txt --- # Database Quality System One skill, 7 modes. Score database design, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my database", "audit DB" | 10-category audit -> scorecard with grade (A+
--- name: payment description: Payment quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Stripe + Next.js patterns. license: Complete terms in LICENSE.txt --- # Payment Quality System One skill, 7 modes. Score payment integration, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my payments", "audit Stripe" | 10-category audit -> scorecard with g
--- name: dataflow description: Data flow quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score then fix until target), generate (create new code), review (quick file check), migrate (framework upgrade), test (generate test cases). license: Complete terms in LICENSE.txt --- # Data Flow Quality System One skill, 7 modes. Score data flow quality, fix issues, run the full loop, generate compliant code, review files, migrate frameworks, or generate tests.
Prisma 7 + Better Auth + Next.js App Router. Email/password, OAuth, 2FA, rate limiting, audit logging. Triggers: add auth, better auth, prisma auth, nextjs login, sign-up/sign-in, auth scaffold.
--- name: email description: Email quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Resend + React Email + Upstash patterns. license: Complete terms in LICENSE.txt --- # Email Quality System One skill, 7 modes. Score email/notification design, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my email", "audit notifications" | 10-category audit -
--- name: email description: Email quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Resend + React Email + Upstash patterns. license: Complete terms in LICENSE.txt --- # Email Quality System One skill, 7 modes. Score email/notification design, fix issues, or run the full loop. ## Modes | Mode | Trigger | What It Does | |------|---------|--------------| | **score** | "score my email", "audit notifications" | 10-category audit -
--- name: infrastructure description: Infrastructure quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target), generate (create new code), review (quick file check), migrate (framework upgrade), test (generate test cases). CI/CD, Docker, monitoring patterns. license: Complete terms in LICENSE.txt --- # Infrastructure Quality System One skill, 7 modes. Score infrastructure and deployment readiness, fix issues, run the full loop, generate
Next.js 16 App Router patterns, proxy.ts, use cache, async APIs, 37 documented errors with fixes, ecosystem compatibility, postinstall patches.
Prisma 7 + Better Auth + Next.js App Router. Email/password, OAuth, 2FA, rate limiting, audit logging. Triggers: add auth, better auth, prisma auth, nextjs login, sign-up/sign-in, auth scaffold.
Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
@react-pdf/renderer for Next.js 16. Vietnamese font support, PDF CV templates, server/client rendering, live preview, 18 documented errors. Triggers: react-pdf, pdf, pdf export, pdf template, cv template, vietnamese font, renderToBuffer, PDFViewer.
--- name: scalability description: Scalability quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score then fix until target). license: Complete terms in LICENSE.txt --- # Scalability Quality System One skill, 7 modes. Score scalability, fix bottlenecks, or run the full loop. ## Modes | Mode | Trigger | What it does | |------|---------|--------------| | **score** | "score scalability", "scalability audit" | Run 10-category audit, produce scorecard with
--- name: security description: Security quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). OWASP Top 10 mapped. license: Complete terms in LICENSE.txt --- # Security Quality System One skill, 7 modes. Score security posture, fix vulnerabilities, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|----------| | **score** | Pre-launch audit, after adding routes/inputs, security review prep | Gather fi
--- name: security description: Security quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). OWASP Top 10 mapped. license: Complete terms in LICENSE.txt --- # Security Quality System One skill, 7 modes. Score security posture, fix vulnerabilities, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|----------| | **score** | Pre-launch audit, after adding routes/inputs, security review prep | Gather fi
Use when adding payments, billing, checkout, subscriptions, invoices, webhooks, customer portal, Stripe Connect, metered/usage billing, tax, fraud/Radar, pricing page, payment intents, refunds, coupons, promo codes, or any Stripe integration in Next.js. Triggers: stripe, payment, checkout, subscribe, billing, invoice, webhook, portal, connect, marketplace, payout, metered, usage-based, SaaS pricing, paywall, plan, tier.
--- name: skill-creator description: Create, update, validate Claude skills. Triggers on: new skill from scratch, optimize existing skill, add references/scripts, package for distribution, audit skill quality. license: Complete terms in LICENSE.txt --- # Skill Creator Create effective, token-efficient skills that extend Claude's capabilities with specialized workflows, scripts, and domain knowledge. ## When to Use - Creating a new skill from scratch - Updating or optimizing an existing skill
--- name: skill-creator description: Create, update, validate Claude skills. Triggers on: new skill from scratch, optimize existing skill, add references/scripts, package for distribution, audit skill quality. license: Complete terms in LICENSE.txt --- # Skill Creator Create effective, token-efficient skills that extend Claude's capabilities with specialized workflows, scripts, and domain knowledge. ## When to Use - Creating a new skill from scratch - Updating or optimizing an existing skill
Use when adding payments, billing, checkout, subscriptions, invoices, webhooks, customer portal, Stripe Connect, metered/usage billing, tax, fraud/Radar, pricing page, payment intents, refunds, coupons, promo codes, or any Stripe integration in Next.js. Triggers: stripe, payment, checkout, subscribe, billing, invoice, webhook, portal, connect, marketplace, payout, metered, usage-based, SaaS pricing, paywall, plan, tier.
Tailwind CSS v4 for Next.js 16. @theme tokens, v3 migration, dark mode, PostCSS setup, design system patterns, 20 documented errors. Triggers: tailwind, tailwind v4, css, @theme, design tokens, dark mode, postcss, styling, tw classes.
TanStack Query v5 for Next.js 16 App Router. SSR prefetch/dehydrate, mutations, optimistic updates, infinite queries, 18 documented errors. Triggers: tanstack query, react query, useQuery, useMutation, prefetch, dehydrate, data fetching, cache invalidation.
--- name: ui description: UI quality system. 4 modes: research (design brief), score (10-category audit), fix (auto-fix from scorecard), pipeline (end-to-end chain). license: Complete terms in LICENSE.txt --- # UI Quality System One skill, 4 modes. Research real products, score UI quality, fix issues, or run the full pipeline. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **research** | Before building any page | Extract tokens → Search → Fetch → Design Brief | | **
--- name: ui description: UI quality system. 4 modes: research (design brief), score (10-category audit), fix (auto-fix from scorecard), pipeline (end-to-end chain). license: Complete terms in LICENSE.txt --- # UI Quality System One skill, 4 modes. Research real products, score UI quality, fix issues, or run the full pipeline. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **research** | Before building any page | Extract tokens → Search → Fetch → Design Brief | | **
UI/UX design intelligence with page standards & audit mode. 85 styles, 115 palettes, 72 font pairings, 35 charts, 61 components, 50 animations, 57 WCAG criteria, 42 responsive patterns, 40 dark mode rules, 51 design tokens, 13 stacks, 15 page types with mandatory sections, 44 audit rules, SEO per page type. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check, audit. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, page standards, navigation, SEO, auth, empty states.
Clone any app UI from PageFlows. WAT framework: capture screenshots → analyze+build with visual diff → package as reusable skill. Works for any app.
Ultimate UI/UX design intelligence with real app flow knowledge. 93 styles, 121 palettes, 81 font pairings, 35 charts, 79 components, 62 animations, 65 WCAG criteria, 46 responsive patterns, 46 dark mode rules, 60 design tokens, 13 stacks. PLUS: Claude.ai full UI blueprint (19 flows, all screens), PageFlows app patterns. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check, clone, recreate, rebuild. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass, neo-minimalism, mesh gradient, geometric abstraction. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, spring physics, kinetic typography, container queries, popover API, semantic tokens. Apps: claude.ai, ChatGPT-style, AI chat UI, SaaS dashboard.
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 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.
--- name: api description: API quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). OWASP API Top 10 mapped. license: Complete terms in LICENSE.txt --- # API Quality System One skill, 7 modes. Score REST/HTTP API quality, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **score** | Audit API quality | Read routes -> Score 10 categories -> Scorecard | | **fix** | Fix issues f
--- name: scalability description: Scalability quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score then fix until target). license: Complete terms in LICENSE.txt --- # Scalability Quality System One skill, 7 modes. Score scalability, fix bottlenecks, or run the full loop. ## Modes | Mode | Trigger | What it does | |------|---------|--------------| | **score** | "score scalability", "scalability audit" | Run 10-category audit, produce scorecard with
--- name: dataflow description: Data flow quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score then fix until target), generate (create new code), review (quick file check), migrate (framework upgrade), test (generate test cases). license: Complete terms in LICENSE.txt --- # Data Flow Quality System One skill, 7 modes. Score data flow quality, fix issues, run the full loop, generate compliant code, review files, migrate frameworks, or generate tests.