Frontend skills

This skill generates adorable cartoon pet images as SVGs and PNGs without APIs, perfect for avatars and cute illustrations.

This skill helps you generate responsive email templates that work across clients and formats, boosting transactional and marketing emails.

This skill helps you design LINE Rich UI interactions with responsive flex templates, quick replies, and markdown conversion to minimize text input.

This skill scans HTML and JSX for accessibility issues and provides actual fix code to improve WCAG compliance.

This skill automates a zero-config multi-model council session, installing, configuring, and running backend and frontend for rapid decision making.

This skill performs a comprehensive web quality audit with lighthouse-based checks and browser automation validation using PinchTab for real-world testing.

This skill helps you implement fluent Flutter animations by selecting implicit, explicit, hero, and staggered approaches for smooth UI experiences.

This skill provides a desktop pixel lobster avatar that lip-syncs to TTS, offering a visual, interactive AI assistant on your screen.

This skill generates enterprise-grade HTML dashboards to monitor AI tool usage, data exposure risks, and PIPEDA compliance with interactive reports.

This skill helps manage shopping cart state in React by preventing duplicates, persisting to localStorage, and centralizing logic in CartContext.

This skill automatically adds dark mode support to React components using CSS variables, Tailwind, or styled-components with zero configuration.

This skill generates a complete design system from brand colors, producing semantic tokens, shade scales, and CSS variables.

This skill generates precise CORS configurations for your stack from plain English descriptions, handling multiple origins and credentials for common

This skill designs option schemas and live preview flows for customizable gifts, reducing errors and boosting confidence in engraving and photo-based products.

This skill renders dynamic visual content such as tables, charts, and dashboards as images from HTML templates to simplify sharing insights.

This skill converts CSS rules into Tailwind utility classes, streamlining migration and preserving structure for easy refactoring.

This skill analyzes your routes and suggests prefetch data and implementation code to speed up navigation.

This skill analyzes your codebase to generate a safe Content Security Policy and explains directives to prevent breaches.

This skill generates clean Socket.io server and client handlers from a feature description, enabling real-time capabilities with minimal setup.

This skill generates an ESLint config by analyzing your codebase patterns, enabling zero-config setup and aligned linting across frameworks.

This skill generates self-contained HTML visual explanations for diagrams, plans, and data, and opens results in your browser.