Frontend skills

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

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

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 helps you write reliable Cypress E2E and component tests, avoiding flaky selectors, race conditions, and CI failures.

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 generates Playwright or Cypress end-to-end tests from user flows, including waits, assertions, and data-testid selectors.

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

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 helps you maintain a public-safe OpenClaw dashboard by enforcing sanitization, minimal setup, and stable API/UI behavior.

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

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

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 demonstrates Svelte 5 component patterns for the Exceptionless SPA, enabling reactive state, prop handling, events, and shadcn-svelte integration

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

This skill helps you master React Server Components in Next.js, guiding when to use server vs client, data fetching, and composition.

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