Agent Skills Hub

buildwithclaude

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns to create structured design reports.

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use for security audits, modernization, and code reviews.

baseline-ui

Enforces an opinionated, accessible, and high-performance UI baseline using Tailwind CSS, Radix UI, and Framer Motion to prevent interface design inconsistencies.

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.

french-claude

A design-focused coding agent that brings world-class interface craft, motion, and systematic front-end engineering to your development workflow.

skill-orchestrator

Orchestrates complex programming tasks by analyzing available skills, generating structured execution plans, and managing manual or delegated multi-step workflows.

my-openlayer-helper

Initialize OpenLayers maps, manage layers, and render features including points, lines, polygons, and animated markers using the my-openlayer library.

wednesday-design

UI/UX design assistant that enforces component library usage, accessibility, and design tokens for React/Next.js projects. Ensures consistent visual output using shadcn/ui, Aceternity, and other approved libraries.

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

interface-design

Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.