Frontend

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

Efficient Tailwind CSS patterns using inheritance and custom config

MySQL performance optimization guide for Spring Boot/JPA. Use when reviewing database code, discussing index design, query optimization, N+1 problems, JPA/Hibernate tuning, or analyzing EXPLAIN plans. Complements /mysql-performance and /optimize-query commands.

Expert CLI/TUI designer for building intuitive, user-friendly, and professional command-line interfaces. Focuses on UX patterns, help systems, progressive disclosure, and developer ergonomics.

Comprehensive ESLint agent for JavaScript/TypeScript code quality. Use when setting up ESLint, configuring linting rules, analyzing code for issues, fixing violations, or integrating ESLint into development workflows. Triggers on requests involving code quality, linting, static analysis, or ESLint configuration for JavaScript, TypeScript, React, or Node.js projects.