Claude Skills by KevinZai

Ultra-compressed communication mode. Cuts ~75% of output tokens by speaking like caveman while keeping full technical accuracy. Three intensity levels: lite, full, ultra. Based on JuliusBrussee/caveman. Trigger with /caveman or "caveman mode".

Reports all installed plugins, vendor packages, phase coverage, conflicts, and scoring

Implement product analytics with PostHog, Mixpanel, or GA4 — event tracking, funnels, cohorts, and dashboards.

Design and implement ETL/ELT data pipelines using Airflow, dbt, Dagster, and modern data stack patterns.

Data validation, schema enforcement, quality monitoring, and anomaly detection for data pipelines and warehouses.

Create charts, dashboards, and data visualizations using D3.js, Chart.js, Tremor, Recharts, and other libraries.

ML model development — data preparation, model selection, training, evaluation, and deployment with scikit-learn, PyTorch, and TensorFlow.

Automated report generation and scheduling — PDF reports, email digests, Slack summaries, and data exports.

Optimize SQL queries, indexes, and execution plans for PostgreSQL, MySQL, and cloud data warehouses.

Vector database setup and semantic search implementation with Pinecone, pgvector, Qdrant, and embedding pipelines.

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.

Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design syste...

Captures brand colors, fonts, animation preferences, and performance budget for consistent design output.

Routes design tasks to the correct specialist skill within Mega-Design.

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.

Comprehensive Framer Motion patterns — layout animations, gestures, scroll-triggered, stagger, shared layout transitions.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Create procedural, animated website backgrounds as React components for shadcn/ui projects. Noise gradients, gradient meshes, voronoi, cellular automata, reaction-diffusion, moving pixel art, dot grids, and dynamic color-shifting backgrounds. Use when: user wants animated backgrounds, gradient meshes, procedural patterns, or living textures.

GSAP mastery — ScrollTrigger, timeline sequencing, SVG morphing, text animation, MotionPath, performance optimization.

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.

Interactive landing page system — animated heroes, scroll narratives, floating elements, product showcases, Core Web Vitals optimized.

Create mouse-reactive and input-driven visual effects as React components for shadcn/ui projects. Cursor trails, hover distortions, magnetic buttons, physics simulations, elastic elements, liquid effects, tilt cards, and text scramble. Use when: user wants interactive effects, cursor trails, magnetic elements, hover distortions, or input-reactive visuals.

Build high-converting landing pages with Next.js + shadcn/ui. Hero sections, social proof, testimonials, pricing tables, FAQ, CTA patterns, lead capture forms, countdown timers, trust badges, and above-the-fold optimization. Use when: user wants a landing page, pricing page, hero section, testimonials, or conversion-optimized page.

Create fluid web animations using Framer Motion, CSS keyframes, scroll-triggered animations, parallax, page transitions, and micro-interactions for shadcn/ui projects. Use when: user wants page animations, scroll effects, parallax, transitions, hover effects, stagger reveals, or choreographed motion.

Normalize design to match your design system and ensure consistency

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.

Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.

Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"

Create Canvas and WebGL particle effects as React components for shadcn/ui projects. Confetti, starfields, pixel trails, fire, smoke, snow, matrix rain, aurora, interactive particle swarms, and constellation networks. Use when: user wants particle effects, confetti, starfields, digital rain, connected dots, or any particle-based visual.

Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Create retro and pixel art visual effects as React components for shadcn/ui projects. CRT scanlines, dithering, 8-bit aesthetics, VHS glitch, pixel art rendering, chiptune, ASCII art, demoscene effects, and nostalgic computing vibes. Use when: user wants retro effects, CRT look, pixel art, glitch effects, VHS aesthetic, or vintage computing style.

Create stunning animated SVGs as React components for shadcn/ui projects. GSAP, Lottie, SVG SMIL, morphing paths, line drawing effects, animated filters, and clip-path animations. Use when: user wants animated SVGs, morphing shapes, line drawings, animated icons, or SVG-based visual effects.

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.

Create WebGL and Three.js visual effects with custom GLSL shaders for shadcn/ui projects. Fragment/vertex shaders, noise functions, distortion, post-processing, and GPU-accelerated backgrounds. Use when: user wants shader effects, WebGL backgrounds, 3D visuals, noise textures, or GPU-powered visual effects.

AWS CloudFront — distribution configuration, cache policies, origin access, Lambda@Edge, performance optimization, and security.

AWS IAM security — least privilege policies, roles, OIDC, permission boundaries, SCPs, and access audit.

AWS Lambda — function design, cold starts, layers, VPC, error handling, monitoring, and cost optimization.

AWS S3 — bucket design, lifecycle policies, presigned URLs, cross-region replication, encryption, and access patterns.

CI/CD pipeline generation — GitHub Actions, GitLab CI, caching, parallel tests, environment-based deployments, and secret management.

Container security — image hardening, vulnerability scanning, runtime security, secrets management, and compliance.