Frontend skills

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

This skill helps you write reliable Cypress E2E and component tests, avoiding flaky selectors, race conditions, and CI failures.

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

This skill analyzes your bundle, identifies space hogs, and provides AI-driven recommendations to reduce size and improve load times.

This skill audits HTML/CSS for WCAG 2.1 compliance, highlighting color contrast, ARIA labels, keyboard navigation and screen reader support.

This skill helps you manage the web dashboard for installed OpenClaw skills, handling users, SSL, sessions, and RBAC.

This skill helps you find, optimize, and create accessible GIFs using best practices for performance and accessibility.

This skill generates Playwright or Cypress end-to-end tests from user flows, including waits, assertions, and data-testid selectors.

This skill helps you maintain a public-safe OpenClaw dashboard by enforcing sanitization, minimal setup, and stable API/UI behavior.

This skill provides a drop-in fear-greed index widget for crypto dashboards, delivering real-time sentiment insights and easy React/HTML integration.

This skill visualizes hierarchical data with interactive D3.js views for PRDs, requirements, and structures, helping you explore trees efficiently.

This skill analyzes frontend repos to extract reusable UI/UX design tokens, components, and templates for documentation or migration.

This skill helps you implement robust Three.js production patterns to optimize rendering, memory, and asset management in 3D web experiences.

This skill demonstrates Svelte 5 component patterns for the Exceptionless SPA, enabling reactive state, prop handling, events, and shadcn-svelte integration

This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.

This skill enables robust frontend testing with Vitest and Testing Library by guiding AAA patterns, mocks, and component render assertions across files.

This skill analyzes and organizes Svelte SPA architecture for Exceptionless, highlighting route groups, feature slices, and barrel exports to improve

This skill enables enhanced Svelte forms with TanStack Form and Zod validation to manage state, validate input, and surface server errors.

This skill helps you implement robust error handling patterns across async calls, UI states, and user notifications for reliable applications.

This skill guides implementing authentication and authorization in Next.js using NextAuth, middleware protection, and session management for secure apps.

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue