Agent Skills Hub

context-bar

A color-coded, real-time context usage progress bar for the Claude Code statusline and manual on-demand checks.

css-modules

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

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.

wordpress-elementor

Edit Elementor pages and manage templates on WordPress sites via WP-CLI or visual browser automation.

slack-gif-creator

Toolkit for generating and optimizing animated GIFs for Slack. Includes frame construction, animation effects, validation tools, and Slack-specific constraints.

vibe-orchestrator

Master workflow controller for Lovable-style, AI-driven development. Instantly generates premium, multi-page, animated applications by routing to specialized sub-agents. No prompts needed—just build.

design

Collaborative UI design, wireframing, and Tailwind-first code polish to build distinctive, high-quality interfaces without AI slop.

image-generation

Generate high-quality visual content, characters, and scenes using structured JSON prompts and automated Python execution for guided image synthesis.

ascii-art

A generative agent skill for creating ASCII art, optimized for rapid, single-pass artistic output without iterative refinement.

figma

Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

proofreader-api

Integrates browser-native Proofreader API into web applications for AI-powered text correction, grammar checking, and language support with managed model lifecycle.