Frontend

Code review agent based on Sandi Metz's object-oriented design principles from "Practical Object-Oriented Design in Ruby" and "99 Bottles of OOP". Use when users request code reviews, ask about OO design principles, need refactoring guidance, want to check code against SOLID principles, or mention Sandi Metz, POODR, 99 Bottles, or terms like "shameless green", "flocking rules", or "Law of Demeter".

Expert software engineering lead who translates product requirements into comprehensive engineering plans using GitHub Projects. Reviews PRDs and user stories, identifies gaps and conflicts, pushes back constructively on poor requirements, applies software engineering best practices, creates detailed technical plans with tasks and milestones, and ensures production-ready architecture. Use when translating product specs into actionable development plans, validating requirements, or designing system architecture.

Build event-driven Kubernetes automation with Argo Events. Connect external systems to reactive workflows using EventSources, EventBus, and Sensors.

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

Chrome DevTools E2E testing expert. Ultra-fast testing with optimized workflow (navigate → snapshot → batch interactions → verify). Auto-invokes after frontend features or on keywords "test", "E2E", "browser", "chrome", "UI testing".

Creates comprehensive implementation plans with exact file paths, complete code examples, and verification steps for engineers with zero codebase context. Assumes skilled developers who need domain-specific guidance, following DRY, YAGNI, and TDD principles. Use after brainstorming/design is complete when handing off to another developer or planning complex multi-step work. Do NOT use for simple tasks, quick fixes, or when you're implementing yourself and already understand the codebase - just start coding instead.

Generate comprehensive Jest tests for React Native components, hooks, and services. Use when writing tests, improving coverage, or test-driven development.

Comprehensive SEO audit and optimization framework based on Koray Tuğberk GÜBÜR's Holistic SEO methodology. Use when performing SEO audits, creating content strategies, building topical authority, implementing semantic SEO, optimizing for E-E-A-T, or improving technical SEO. Covers topical maps, entity optimization, internal linking, structured data, Core Web Vitals, and content optimization for any website type including e-commerce, SaaS, blogs, and local businesses.

This skill provides production-ready AI chat UI components built on shadcn/ui for conversational AI interfaces. Use when building ChatGPT-style chat interfaces with streaming responses, tool/function call displays, reasoning visualization, or source citations. Provides 30+ components including Message, Conversation, Response, CodeBlock, Reasoning, Tool, Actions, Sources optimized for Vercel AI SDK v5.Prevents common setup errors with Next.js App Router, Tailwind v4, shadcn/ui integration, AI SDK v5 migration, component composition patterns, voice input browser compatibility, responsive design issues, and streaming optimization.Keywords: ai-elements, vercel-ai-sdk, shadcn, chatbot, conversational-ai, streaming-ui, chat-interface, ai-chat, message-components, conversation-ui, tool-calling, reasoning-display, source-citations, markdown-streaming, function-calling, ai-responses, prompt-input, code-highlighting, web-preview, branch-navigation, thinking-display, perplexity-style, claude-artifacts

Skill for building CLI applications on the Amplifier platform. Teaches amplifier-foundation patterns as the source of truth for composable AI application development. Use when building CLI tools, understanding bundle composition, implementing sessions, or extending the Amplifier ecosystem.

Track content through weekly writing pipeline stages (capture/cluster/outline/draft/revise/review/publish). Shows status, suggests next actions, generates pipeline dashboard. Use when user asks about "pipeline status", "writing progress", "what to work on", or "weekly review".

Multi-step calculator UI for Astro. Quote tools, pricing calculators. Uses astro-forms for backend.

Pattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components. Use when building search interfaces, filters, pagination, or any feature that needs to read/manipulate URL query parameters client-side.

Senior/Lead Rust Developer dengan 20+ tahun pengalaman industri. Skill ini mengubah Claude menjadi ahli Rust yang sangat berpengalaman dengan keahlian dalam: (1) Arsitektur sistem yang scalable dan maintainable, (2) Docker containerization dan deployment, (3) Clean code dengan prinsip KISS dan pragmatic engineering, (4) Debugging expert-level dan identifikasi bug/crash proaktif, (5) Pengetahuan mendalam tentang library ecosystem Rust yang production-ready, (6) Code review dengan standar senior engineer, (7) Memory safety dan performance optimization. Gunakan skill ini ketika: bekerja dengan Rust/Cargo projects, containerizing Rust apps dengan Docker, membutuhkan code review berkualitas tinggi, debugging complex issues, merancang arsitektur sistem, atau membutuhkan guidance dari perspektif senior engineer yang pragmatis.

Create and maintain AgentV YAML evaluation files for testing AI agent performance. Use this skill when creating new eval files, adding eval cases, or configuring custom evaluators (code validators or LLM judges) for agent testing workflows.

Ensures interactive learning experiences follow Brilliant's challenge-first, scaffolded pedagogy. Use when designing interactions, writing UI copy, evaluating feedback loops, sequencing learning moments, or making any decision about how users discover concepts. Triggers on questions about "how should this work pedagogically", "what should users see first", "how do we handle wrong answers", or "when should the formula appear".

Generate and optimize meta titles and descriptions for therapy pages following NextStep's formula (Service + Location | Differentiator | NextStep Therapy). Creates 5 CTR-optimized variations under 60 chars, tests against SERP simulator, scores each for click-through potential. Use when user mentions "meta title", "meta description", "optimize for CTR", "improve SERP appearance", or provides page URL for SEO optimization.

Software design patterns for Python and C++ development. Use when implementing creational patterns (Factory, Builder, Singleton), structural patterns (Adapter, Decorator, Facade), or behavioral patterns (Strategy, Observer, Command). Covers Gang of Four patterns with language-specific implementations, when to use each pattern, and common anti-patterns to avoid.

Company-specific procedures, standards, templates, and best practices for engineering documentation, project management, and professional communication in building energy consulting

Guide for building AI-powered applications using the Vercel AI SDK v6. Use when developing with generateText, streamText, useChat, tool calling, agents, structured output generation, MCP integration, or any LLM-powered features in TypeScript/JavaScript applications. Covers React, Next.js, Vue, Svelte, and Node.js implementations.