Frontend skills

This skill generates high-fidelity stateless mocks and dynamic schemas using Faker and JSON Schema for realistic API responses.

This skill helps you create and integrate Mermaid diagrams in Obsidian notes to visualize processes, architectures, and workflows.

This skill helps you implement comprehensive testing and deployment workflows for Angular apps, covering unit, E2E tests, mocks, CI/CD, and production

This skill helps you implement and reason about Next.js 15.3+ features, routing, caching, and migrations across App Router and Server Components.

This skill streamlines building production-ready React forms using React Hook Form with Zod, plus TanStack Form options for cross-framework and advanced

This skill converts Markdown into beautified HTML optimized for WeChat public account publishing, applying AI-tech theme styles, code highlighting, and

This skill enforces encapsulation in TypeScript by guiding you to hide internal state and expose behavior through validated methods.

This skill optimizes Angular applications by applying change detection, lazy loading, and bundle strategies to boost performance.

This skill helps you optimize signup flows to maximize conversion by reducing friction, selecting fields, and choosing single-step vs multi-step forms.

This skill helps you deploy Angular apps with production builds, CI/CD pipelines, hosting choices, and SSR options for scalable delivery.

This skill helps React developers connect to Rivet Actors using @rivetkit/react, create hooks with createRivetKit, and manage realtime actor state.

This skill enforces form validation with Zod across projects, reviewing code, suggesting improvements, and refactoring to ensure strong, type-safe validation.

This skill helps you learn and apply core GSAP animation concepts like tweens, timelines, and easing to create smooth web animations.

This skill guides you through Turbo and Hotwire patterns to implement partial updates, real-time features, and Stimulus controllers in Rails apps.

This skill helps you bind audio analysis to visuals, providing smooth mappings, beat responses, and dynamic frequency-driven effects for reactive visuals.

This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.

This skill helps you reduce cyclomatic complexity and refactor logic by applying early returns, guard clauses, and table-driven patterns.

This skill helps you implement GSAP animations efficiently by routing fundamentals, sequencing, scroll-based, and React patterns for cohesive UI experiences.

This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.

This skill helps simulate realistic particle motion by applying gravity, wind, drag, attractors, turbulence, and collisions for dynamic visuals.

This skill helps you diagnose and resolve Vue 3 issues across reactivity, components, Pinia, SSR, and tooling with practical debugging workflows.