Frontend skills

This skill helps you implement accessible UI conformance across components and templates, ensuring semantic HTML, proper ARIA, keyboard navigation, and WCAG

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

This skill helps you craft distinctive production-grade frontend interfaces using React, Tailwind v4, shadcn/ui, and motion while ensuring accessibility and

This skill automates creation of production-ready Claude Code agents with enhanced frontmatter, tool patterns, and MCP integration.

This skill analyzes and generates customized CLAUDE.md files for projects, enforcing best practices, modular structure, and tech-stack alignment.

This skill helps you build reusable line and area charts in Vue 3, enabling time-series visualization with flexible formatting and legends.

This skill helps you build and customize bar chart components for grouped, stacked, and horizontal layouts across datasets.

This skill helps you apply common patterns and best practices in vue-chrts for data formatting, legends, and chart styling across types.

This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.

This skill enables Nuxt projects to render charts with auto-imported vue-chrts components and types for rapid data visualization.

This skill helps you visualize flows and resource distribution with SankeyChart components for clear energy, user journeys, and budget analyses.

This skill helps you build BubbleChart components in Vue to visualize three variables using x, y, and size.

This skill analyzes web performance using Chrome DevTools MCP to reveal Core Web Vitals, render-blocking resources, and optimization opportunities.

This skill helps you build Inertia.js v2 React applications, enabling pages, forms, and navigation with deferred props, prefetching, and polling.

This skill helps you efficiently reference backend routes from frontend components by guiding imports, route generation, and type-safe usage.

This skill extracts clean markdown content from web pages using Defuddle CLI to save tokens and remove clutter.

This skill helps you construct and inspect Vuer 3D components, including primitives, meshes, URDF models, cameras, lighting, and images.

This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.

This skill helps you search and retrieve icons from Iconify libraries via a CLI and MCP server, speeding icon integration.

This skill helps you create zero-dependency, animation-rich HTML slide decks from scratch or PPTs, delivering production-ready presentations with distinctive

This skill helps you build interactive hypermedia UIs with templ and HTMX, enabling dynamic content with minimal JS and server rendering.