Agent Skills Hub

frontend-design

Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.

handoff-pack

Generates structured Handoff Pack prompts for delegating scoped coding tasks to Gemini with clear instructions, acceptance criteria, and output requirements.

screenshots

Automate the generation of high-quality, HiDPI marketing screenshots for web applications using Playwright.

perf-analyzer

Synthesize performance profiling data into actionable recommendations and evidence-backed technical decisions.

visual-creative

AI-powered creative visual prompt generator for posters, banners, product shots, and social media content.

web-artifacts-builder

A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.

app-builder

Full-stack application orchestrator that analyzes natural language requests to determine tech stacks, scaffold projects, and coordinate specialized development agents.

food-diorama-skill

Generate artistic 3D city-themed food diorama images using Google Gemini API. Creates Pop Mart style four-quadrant layouts featuring iconic dishes, cultural symbols, and city-specific heritage elements.

test-reporting-analytics

Advanced QE reporting, quality dashboards, and predictive analytics for test metrics, code coverage, and deployment readiness to drive data-informed quality decisions.

documentation

Write, structure, and maintain technical documentation like READMEs, API docs, runbooks, and architecture specs to keep your team aligned and informed.

debugging-strategies

Language-agnostic debugging framework: scientific method, stack trace analysis, logging strategies, and advanced techniques like Git bisect and rubber ducking.

landing-page-angle-tester

Generate diverse landing page narrative angles, define target audiences, and specify required evidence for conversion-focused marketing workflows.