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.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
202 skills found
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files to serve as a source of truth for AI-driven UI generation.
A comprehensive toolkit for measuring, auditing, and debugging web performance metrics including Core Web Vitals, loading speed, and interaction latency directly in Chrome DevTools.
Automate frontend API integration using Apidog and MCP servers. Generate TypeScript types, TanStack Query hooks, and axios-based clients from OpenAPI specifications for consistent, type-safe API consumption.
Official documentation skill for Shipany, an AI-powered SaaS boilerplate. Provides expert guidance on Next.js 15, Drizzle ORM, NextAuth, and payment integrations.
Manage OpenClaw's built-in Chrome browser and chrome-devtools-mcp integration for robust browser automation using the Model Context Protocol.
Build custom authentication UIs for Next.js applications using Clerk's headless UI primitives and elements.
A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.
Control headless Chrome via Cloudflare Browser Rendering using CDP. Capture screenshots, navigate pages, automate scraping, and generate videos in a Cloudflare Workers environment.
Deploy isolated development containers with web-accessible VSCode, VNC, and automated app routing via Traefik or Cloudflare Tunnels.
Mobile app UX/UI design guidelines for touch-friendly interfaces, navigation patterns, gesture handling, and small-screen optimization.
TanStack Router configuration, file-based routing, and type-safe navigation for React applications.