Agent Skills Hub

state-management

Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.

webf-quickstart

Get started with WebF development: setup WebF Go, initialize Vite-based web projects (React/Vue/Svelte), and preview apps in a W3C-compliant native runtime.

vue-typescript

Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.

frontend-design-review

Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.

pinia

Official Pinia state management skill for Vue. Expert guidance on store definition, reactivity, type-safety, and store-to-store communication.

icon-set-generator

Generate professional, cohesive, project-specific SVG icon sets with consistent style, stroke weight, and visual density. Ideal for unique web and app UI branding.

roier-seo

AI-powered Technical SEO auditor that runs Lighthouse/PageSpeed tests and automatically applies code-level fixes for performance, accessibility, and structured data.

testing-frontend

Automate frontend component testing, user interaction simulation, API mocking, and setup of Vitest, React Testing Library, and Vue Test Utils.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

web-component-design

Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.

frontend-design

Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.