Agent Skills Hub

dev-checker

Automated code quality validation tool for pre-commit and pre-deploy checks, covering TypeScript, builds, and linting.

roier-seo

AI-powered Technical SEO auditor that runs Lighthouse/PageSpeed tests and automatically applies code-level fixes for performance, accessibility, and structured data.

tanstack-integration-best-practices

Integration patterns and best practices for TanStack Query, Router, and Start. Ensures type-safe data flow, efficient SSR, and unified caching.

aarnphm.github.io

A highly customized personal garden based on Quartz v4, featuring enhanced Markdown parsing, telescopic text, TikZ/pseudocode rendering, and Obsidian integration.

agents-md-generator

Generate hierarchical, token-efficient AGENTS.md files for AI coding agents to provide repository-wide context and project-specific guidelines.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

design

Collaborative UI design, wireframing, and Tailwind-first code polish to build distinctive, high-quality interfaces without AI slop.

angular-forms

Build reactive, type-safe Angular v21+ forms using the experimental Signal Forms API. Features automatic two-way binding, schema-based validation, and fine-grained field state management.

dev

Development and maintenance of the PWAFire library: build PWA API modules, handle feature detection, manage testing, and contribute to codebase following strict sync/async patterns and error handling requirements.

swiftui-performance-audit

Audit and optimize SwiftUI runtime performance. Diagnose slow rendering, janky scrolling, high resource usage, and layout thrash with code review, architecture analysis, and Instruments profiling guidance.

react-typescript

Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.