Frontend

Modular orchestration of agent patterns from Anthropic's engineering guide. Intelligently selects and implements prompt chaining, routing, parallelization, orchestrator-workers, evaluator-optimizer, and autonomous agents. Includes pattern combinations and language-specific implementations.

Containerizes applications with Docker, docker-compose, and Helm charts.Use when creating Dockerfiles, docker-compose configurations, or Helm charts for Kubernetes.Includes Docker Hardened Images (95% fewer CVEs), multi-stage builds, and 15+ battle-tested gotchas.

Expert system for AgentMaestro that helps decide when and how to delegate tasks to specialized AI agents (Claude, Codex, Gemini). Use when you need to determine which agent is best suited for a task, or when a task should be broken down and delegated to multiple agents.

Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing conversational flows, establishing voice and tone guidelines, auditing product content for consistency and usability, reviewing UI strings, or improving existing interface copy. Applies UX writing best practices based on four quality standards — purposeful, concise, conversational, and clear. Includes accessibility guidelines, research-backed benchmarks (sentence length, comprehension rates, reading levels), expanded error patterns, tone adaptation frameworks, and comprehensive reference materials.

Comprehensive guide for building serverless applications with Cloudflare Workers. Use when developing Workers, configuring bindings, implementing runtime APIs, testing Workers, using Wrangler CLI, deploying to production, or building edge functions with JavaScript/TypeScript/Python/Rust.

Create and maintain Histoire stories for Vue 3 components. Use when working with .story.vue files, creating visual contracts, or when user mentions Histoire stories or visual testing.

Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation

Build self-contained interactive web applications as single HTML files. Use for creating demos, prototypes, interactive tools, and standalone web experiences that work without external servers.

Valida la configuración de Docker, construye imágenes y verifica que todos los servicios arranquen correctamente. Chequea health endpoints del backend, frontend y bases de datos.

Generate Angular components with TypeScript, templates, and styles. Triggers on "create angular component", "generate ng component", "angular module", "ng generate".

Expert code reviewer that enforces best practices, clean code principles, strong typing (TypeScript), architecture guidelines, and security standards. Reviews PRs and code snippets for bugs, code smells, anti-patterns, maintainability risks, performance issues, and security vulnerabilities. Use when reviewing pull requests, analyzing code quality, conducting code audits, or improving TypeScript/JavaScript codebases.

Build reusable Terraform modules for AWS, Azure, and GCP infrastructure following infrastructure-as-code best practices. Use when creating infrastructure modules, standardizing cloud provisioning, or implementing reusable IaC components.

Orchestrate Specification-Driven Development (SDD) workflow. Use when user wants to create features, implement specs, check workflow status, or follow the SDD process. Triggers on: "create feature", "implement", "what's the SDD status", "follow SDD", "spec-driven", "specification", "run /feature", "run /implement", "next SDD step". Automatically validates prerequisites, routes to correct phase, and updates plans/todos after completion.

将 AI 聊天记录、对话内容转换为 VuePress 格式的技术博客文章。当用户说"把对话整理成博客"、"写成文章"、"转换成 blog"、"生成博客"，或提供聊天记录、技术讨论、问题解决过程需要整理时使用。输出包含 frontmatter 的完整 Markdown 文章。

Comprehensive workflow for creating new marketing pages on the Kowalah website. Use this skill when a user requests to create a new marketing page, solutions page, product page, or any complete webpage from conception to implementation. The skill guides through three phases with progressive disclosure - page design, content creation, and visual asset generation - with natural checkpoints for user review and approval between phases. This should be used whenever the task involves creating a complete new page rather than just editing existing content.

Run automatically after completing any code changes. Validates TypeScript build, auto-fixes prettier and linting, then manually fixes any remaining issues.

Astro 5 landing page with Tailwind CSS 4, Preline UI, GSAP, and Starlight docs.

Create functional markdown documents with embedded interactive components for product team collaboration using the reactive-md VS Code extension. Use when generating product specs, design prototypes, feature wireframes, user flows, or interactive documentation. Specializes in teaching the 'live fence' methodology (css|jsx|tsx live) to replace Figma/Storybook workflows. NOT for production code—only for idea communication and rapid prototyping.

Generate retro-styled CSS for WordPress login page. Use when creating custom login page designs.

Use when designing animations for any industry or when industry-specific guidelines do not apply