JackSmack1971
37 verified skills
addyosmani-cls-optimization
Optimizes Cumulative Layout Shift (CLS) by managing component aspect ratios, reserved layout slots, and dynamic content insertion. Targets the ≤ 0.1 "Good" threshold.
development
.agents/skills/better-auth/better-auth-best-practices
Implements Better Auth patterns for Next.js, session handling, and OAuth flows.
data-ai
.agents/skills/claude-mpm-skills/trpc-type-safety
Builds end-to-end type-safe tRPC routers with Zod input validation.
development
kelsey-hightower-sre
Activates the Kelsey Hightower persona for infrastructure, systems architecture, Kubernetes, and site reliability engineering (SRE). Use when designing deployment pipelines, orchestrating containerized workloads, planning multi-region failovers, or simplifying infrastructure-as-code (IaC). Focuses on simplicity, observability, and "the hard way" vs "the right way."
development
.agents/skills/kent-dodds-quality-lead
--- name: kent-dodds-quality-lead description: Activates Kent C. Dodds as Quality, Testing & Accessibility Lead. Use for any testing review, React Testing Library (RTL) guidance, a11y/accessibility audits, component API design, Testing Trophy strategy, integration test authoring, RTL query selection, confidence-driven test coverage analysis, and DX/UX code quality feedback. Triggers on: "review my tests", "write tests for", "a11y audit", "accessibility check", "RTL", "React Testing Library", "te
development
.agents/skills/playwright-best-practices-skill/playwright-best-practices
Writes Playwright end-to-end tests with best-practice selectors and assertions.
testing
shadcn
TBD - Please provide a keyword-dense capability description.
tools
strict-mode-enforcer
Triggers automatically during security-critical operations, sensitive terminal commands, data migration, or when zero-trust execution is requested. Enforces Antigravity Strict Mode compliance, verifies OS-level sandboxing, and mandates human-in-the-loop authorization.
development
theo-browne-fullstack-advisor
Activates the Theo Browne persona — T3 Stack creator, ex-Twitch engineer, CEO of T3 Chat / Ping.gg (YC W22), TypeScript absolutist, and opinionated full-stack advisor. Use this skill whenever the user asks about Next.js App Router, tRPC, Prisma, Zod, Tailwind, create-t3-app, T3 Stack architecture, end-to-end type safety, TypeScript tooling, rapid prototyping, DX critique, over-engineering problems, cargo-culting, full-stack TypeScript decisions, or wants direct hot-take feedback on tech choices and patterns. Also triggers on "what would Theo think", "T3 style", "roast my stack", or "is this over-engineered".
tools
troy-hunt-security
Activates the Troy Hunt persona for information security, threat modeling, and application hardening. Use when auditing data handling, securing API perimeters, and ensuring cryptographic compliance. Focuses on the OWASP Top 10, data breach prevention, and the "Have I Been Pwned?" principles.
development
.agents/skills/vercel-labs/next-best-practices
Enforces Next.js App Router best practices, performance, and deployment patterns.
devops
react-core-lead
Architects React applications using Server Components (RSC), Concurrent Rendering, and modern Hooks patterns. Specialized in data-flow, state management (Redux/Context), and performance optimization. Triggers on React, Hooks, RSC, or frontend architecture queries.
development
wes-bos-fullstack-educator
Activates a Wes Bos-style hands-on full-stack JavaScript educator persona that ships production-ready code with live-workshop energy. Use whenever the user asks for help with JavaScript, TypeScript, React, Node.js, GraphQL, Tailwind CSS, CSS Grid, Flexbox, Vite, modern web patterns, or any coding tutorial. Always triggers on phrases like "build this", "teach me", "how do I", "JS help", "React patterns", "TypeScript tips", "Tailwind", "full-stack", or any request for working code examples. Responds code-first with step-by-step explanations, hot tips, and Next Level upgrades. Use this skill whenever the user wants to learn or build anything JavaScript or modern web related, even if they don't explicitly ask for a tutorial or mention Wes Bos.
development
.agents/skills/addyosmani/performance
Diagnoses web performance bottlenecks, Core Web Vitals regressions, and Lighthouse score failures.
development
.agents/skills/claude-mpm-skills/drizzle-orm
Designs and queries PostgreSQL schemas using Drizzle ORM with type-safe migrations.
data-ai
.agents/skills/addyosmani/core-web-vitals
Audits and remediates LCP, INP, and CLS using Chrome DevTools, Lighthouse, and PageSpeed Insights.
tools
.agents/skills/sentry-for-ai/sentry-nextjs-sdk
Integrates Sentry for error tracking, performance monitoring, and alerting in Next.js.
development
doc-rot-audit
Acts as a "Digital Librarian" to identify evolution mismatches between code and documentation, flagging semantic drift and "lying" guides. Triggers on "/doc-audit" or "check docs sync".
development
clerk-nextjs-patterns
TBD - Please provide a keyword-dense capability description.
tools
.agents/skills/github/git-commit
Generates conventional commit messages and formats Git history.
development
adam-wathan-design-system
Designs and audits utility-first CSS systems using Tailwind CSS v4 and Refactoring UI principles. Specialized in component extraction, design token hierarchy, and maintainable UI prototyping. Decides between composition and extraction based on real repetition. Triggers on Tailwind, CSS architecture, or design system requests.
tools
addyosmani-inp-optimization
Optimizes Interaction to Next Paint (INP) by identifying main-thread blocking, unoptimized event handlers, and heavy JS execution context. Targets the ≤ 200 ms threshold.
data-ai
addyosmani-lcp-optimization
Optimizes Largest Contentful Paint (LCP) by managing image preloading, fetchpriority, server response times (TTFB), and render-blocking resources. Targets the ≤ 2.5s "Good" threshold.
development
.agents/skills/addyosmani/accessibility
Audits and fixes web accessibility (WCAG 2.1), layout stability patterns, and ARIA compliance.
development
clover-trifecta-check
Verify functional correctness using the Clover 'Trifecta' check (Code vs Docstring vs Spec).
development
.agents/skills/vercel/ai-sdk
Builds AI-powered applications using the Vercel AI SDK with streaming and tool use.
tools
backend-runtime-excellence
Activates a Ryan Dahl advisor persona for backend runtime architecture, Deno and Node.js design, async I/O, security-by-default systems, and TypeScript/JavaScript server engineering. Use this skill whenever the user asks about Deno, Node.js architecture, event loops, runtime security, server-side TypeScript, backend scalability, async I/O patterns, capability-based permissions, ES modules, URL imports, or any question framed as "how would Ryan Dahl approach this." Also triggers on requests for runtime trade-off analysis, package registry criticism, node_modules design regrets, or building production backend servers from first principles. Always invoke this skill for Deno vs Node.js comparisons, permission model design, and high-level backend architecture decisions.
development
harrison-chase-ai-orchestration
Activates the Harrison Chase persona for AI/Machine Learning integration, LangChain orchestration, and LLM-powered application design. Use when embedding AI capabilities directly into the application layer, managing context windows, prompt architectures, and vector database retrievals (RAG). Focuses on agentic workflows and reliable AI pipelines.
devops
lenny-rachitsky-product
Activates the Lenny Rachitsky persona for product management, growth strategy, and roadmap alignment. Use when defining application objectives, identifying growth loops, or prioritizing features based on user acquisition and retention metrics. Focuses on MVP, feedback loops, and business-centric engineering.
databases
martin-kleppmann-data-systems
Activates the Martin Kleppmann persona for distributed systems architecture, data-intensive application design, and consensus protocols. Use when designing database schemas for massive concurrency, ensuring data consistency across microservices, or implementing event-driven architectures (Kafka/RabbitMQ). Focuses on correctness, idempotency, and the "Designing Data-Intensive Applications" (DDIA) principles.
testing
optimizing-web-performance
Diagnoses and fixes web performance problems — Core Web Vitals (LCP, INP, CLS), JavaScript bundle bloat, image optimization, render-blocking resources, and edge/mobile delivery. Activates when a user mentions slow pages, bad Lighthouse scores, CWV failures, bundle size issues, Time to Interactive, layout shift, or asks for performance audits, DevTools traces, or speed improvements. Use this skill for any performance review, CWV remediation, Lighthouse analysis, image pipeline work, or AI-assisted optimization workflow. Always produces narrow, single-goal advice with before/after metric targets and exact verification steps.
tools
.agents/skills/everything-claude-code/postgres-patterns
Implements PostgreSQL best practices, query optimization, and connection pooling.
development
.agents/skills/pragmatic-engineer-em
--- name: pragmatic-engineer-em description: Activates the Gergely Orosz "Pragmatic Engineer" persona — an Engineering Manager and Pragmatic Practices Lead grounded in Big Tech and hypergrowth experience (Uber, Skype/Microsoft, Skyscanner). Use when asking about engineering management, tech team scaling, system design trade-offs, career growth for engineers, engineering culture, technical leadership, delivery practices, RFC processes, or pragmatic advice on frameworks and AI hype. Responds in fi
development
rauchg-tech-lead-architect
Architects full-stack web applications using Next.js, Vercel edge infrastructure, and AI-infused patterns. Specialized in React Server Components, DX optimization, and eliminating technical debt. Triggers on architecture, stack decisions, or Next.js queries.
development
sarah-drasner-interaction
Activates the Sarah Drasner persona for UI/UX, interaction engineering, SVG/CSS animations, and design system polish. Use when designing complex, state-driven UI transitions, refining micro-interactions, or building performant, accessible animations. Focuses on the "visceral" feel of the UI.
development
skill-optimizer
Audits and validates existing Google Antigravity SKILL.md files using deterministic Python scripts. Identifies missing YAML frontmatter, enforces K.E.R.N.E.L. schema compliance, and outputs optimization artifacts.
development
stripe-best-practices
TBD - Please provide a keyword-dense capability description.
tools