Agent Skills Hub

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.

figma-design-to-code

Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.

pix

An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.

ui-implementer

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

figma-create-new-file

Create new Figma design or FigJam files directly via the MCP server. Automatically resolves plans and initializes new canvases for your design workflows.

pencil-ui-design

A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.

ui-design-system

Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.

ui-mockup

Orchestrator for audio plugin WebView UI design, handling iterative mockup generation and production-ready scaffolding for JUCE-based instruments and effects.

svg-logo-generator

Generate high-quality, minimalistic, and geometric SVG logos using Python scripts. Ideal for icons, branding, and visual assets built with geometric primitives.

build-design-system

Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.

logo-creator

Create professional logos using AI. Generate, refine, crop, remove backgrounds, and export as SVG. Perfect for brands, mascots, icons, and emblems.

structuring-plugins

Guides the creation and organization of Claude Code plugins, including directory scaffolding, manifest setup, component management (commands, agents, skills, hooks), and auto-discovery configuration.