Agent Skills Hub

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

chrome-devtools-mcp-manager

Manage OpenClaw's built-in Chrome browser and chrome-devtools-mcp integration for robust browser automation using the Model Context Protocol.

dependency-upgrade

Manage major dependency upgrades through systematic compatibility analysis, staged rollout strategies, and automated testing.

tooling-setup

Production-ready scaffolding for React 19 projects using Vite, TypeScript, Biome, and Vitest. Provides strict configuration, linting, formatting, and testing infrastructure.

ui-implementer

Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

generate-translations

Automates the generation and synchronization of localized translation strings for Payload CMS core packages and plugins.

laravel-11-12-app-guidelines

Standardized workflow and guidelines for Laravel 11/12 application development, including stack detection, dependency management, and integration with Laravel Boost tools.

client

Manage client relationships, track follow-ups, and automate personalized email drafts using Obsidian-based client profiles.

formik-patterns

Formik form handling, validation schemas with Yup, and submission patterns for React applications.

Skill Create

Automates the creation of Betty Framework skills by scaffolding directory structures, generating YAML manifests, and handling registry registration.

reverse-engineering-api

Reverse engineer web APIs by capturing browser traffic (HAR files) and generating production-ready Python API clients for automation and data extraction.