Design

Product Requirements Document creation and feature specification writing. Use when writing PRDs, technical specs, feature documentation, or requirements. Triggers on "PRD", "product requirements", "feature spec", "technical requirements", "functional spec".

Master semantic HTML5, advanced CSS layouts, responsive design, animations, and modern CSS techniques including Flexbox, Grid, and custom properties.

Establish or analyze brand identity guidelines. Creates comprehensive brand documentation that frontend-design, testing, and other skills automatically reference for consistent execution.

Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building modern React UIs with Tailwind CSS. IMPORTANT - Always use MCP server tools first when available.

Comprehensive documentation suite for generating READMEs, API references, and internal guides based on code analysis.

Comprehensive guide for building Progressive Web Apps (PWA) with Next.js using modern 2025 approaches. Use when users need to implement PWA features in Next.js applications including installability, offline support, service workers, web app manifests, caching strategies, push notifications, or converting existing Next.js apps to PWA. Covers both native Next.js PWA support (zero dependencies, App Router) and Serwist package (advanced offline capabilities, service worker management). Also use when troubleshooting PWA issues, optimizing PWA performance, or migrating from deprecated packages like next-pwa.

Comprehensive Pharo Smalltalk development workflow guide with AI-driven Tonel editing. Provides expertise in Tonel file format syntax (class definitions with name, superclass, instVars, category, method categories, class comment placement), package structure (package.st placement, directory organization, BaselineOf dependencies), development workflow (Edit → Import → Test cycle with absolute paths, re-import timing, test execution), and Pharo best practices (CRC format documentation, method categorization conventions). Use when working with Pharo Smalltalk projects, creating or editing Tonel .st files, organizing packages and dependencies, resolving import order issues, writing class comments, implementing standard Pharo development patterns, or troubleshooting Tonel syntax.

Review relevant guidelines before starting a task

Implements TF-IDF based search engines for text datasets using vector space models and cosine similarity. Use when building search functionality, finding similar documents, ranking text by relevance, or working with text retrieval systems.

Guides the selection and documentation of architectural decisions using ADR patterns.

Plan and (when feasible) implement or execute user acceptance tests (UAT) /end-to-end acceptance scenarios. Converts requirements or user stories intoacceptance criteria, test cases, test data, and a sign-off checklist; suggestsautomation (Playwright/Cypress for web, golden/snapshot tests for CLIs/APIs).Use when validating user-visible behavior for a release, or mappingrequirements to acceptance coverage.

Build complete document knowledge bases with PDF text extraction, OCR for scanned documents, vector embeddings, and semantic search. Use this for creating searchable document libraries from folders of PDFs, technical standards, or any document collection.

Expert changelog writing including version history, release notes, and migration guides

Applies Red Hat's official brand colors and typography to any sort of artifact that may benefit from having Red Hat's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Master DevOps practices with Docker, Kubernetes, Terraform, CI/CD, AWS, and infrastructure automation. Learn to build, deploy, and manage scalable cloud infrastructure.

Next.js 15 + Tailwind CSS development guidelines. Modern patterns including App Router, Server/Client Components, Suspense, lazy loading, file organization, Tailwind CSS styling, performance optimization, and TypeScript best practices. Use when creating components, pages, features, styling, routing, or working with Next.js code.

Build searchable knowledge bases from document collections (PDFs, Word, text files). Use for creating technical libraries, standards repositories, research databases, or any large document collection requiring full-text search.

Kyverno resource governance policies enforcing CPU/memory limits, HPA requirements, and storage constraints for Kubernetes workloads.

Design and construct virtual memory palaces for spatial knowledge organization.

Stock analysis UI frontend. React + TypeScript with Tailwind CSS, shadcn/ui, Recharts. Use for React components, API integration, routing, state management, styling, charts visualization.