Frontend skills

This skill reviews PRs using comprehensive criteria across security, correctness, performance, accessibility, i18n, and code quality to speed up reviews.

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

This skill helps you view and navigate PDFs with a local server, offering summaries and question-answering after display.

This skill analyzes and optimizes React component performance to reduce re-renders and speed up UI updates.

This skill converts PRDs into beads for ralph-tui execution, generating an epic and child tasks with quality gates and dependencies.

This skill enables building cross-platform mobile VoIP apps with Telnyx WebRTC in React Native, providing reactive state, automatic lifecycle, and native call

This skill guides you through zustand store creator tasks with step-by-step guidance, producing production-ready code and best-practice configurations.

This skill enables rapid color format conversion and manipulation using AgentPMT, returning hex, RGB, and HSL results plus palette options.

This skill helps you add the Agentation visual feedback toolbar to a Next.js project, enabling development-only feedback control.

This skill helps you generate production-ready open graph configurations and guidance for frontend projects using best practices.

This skill helps you build polished chat UIs in React/Next.js by providing reusable blocks for messages, input, and typing indicators.

This skill renders declarative UI widgets from JSON for React/Next.js, enabling dynamic forms, cards, and interactive layouts from agent responses.

This skill helps you design and refine Excalidraw diagrams in real time, export/import scenes, and manage elements across a live canvas.

This skill guides Stripe integration design using CheckoutSessions and APIs, ensuring up-to-date practices and safe migration paths for robust payments.

This skill analyzes and optimizes application performance across frontend, backend, and database layers, guiding profiling and targeted improvements with

This skill renders HTML content into images by driving agent-browser and capturing screenshots for ready-to-publish visuals.

This skill helps you master Docusaurus 3.x for fast documentation sites, enabling efficient config, MDX authoring, and multi-version deployment.

This skill helps you design scalable React, Next.js, Vue, and Angular architectures with atomic design and optimized state management.

This skill helps you architect scalable design systems using atomic design, tokens, and theming for multi-brand components and accessible APIs.

This skill helps you write robust Playwright end-to-end tests and debugging workflows with POM, fixtures, API testing, and visual checks.

This skill guides you through deploying, theming, and enforcing workflow for a coordinated multi-agent system with kanban and memory upgrades.