ui-design
A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
145 skills found
A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.
Control headless Chrome via Cloudflare Browser Rendering using CDP. Capture screenshots, navigate pages, automate scraping, and generate videos in a Cloudflare Workers environment.
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.
Master iOS Human Interface Guidelines and SwiftUI for native app development. Expert guidance for UI design, component implementation, and Apple platform design principles.
Reverse engineer web APIs by capturing browser traffic (HAR files) and generating production-ready Python API clients for automation and data extraction.
Physical hardware synthesis bridge for PAI. Generates blueprints, 3D printing code, SVG paths for laser cutting, and G-Code for CNC machining to bring agentic designs into the physical world.
Advanced visual regression testing with pixel-perfect and AI-powered diff analysis, cross-browser validation, and responsive design checks to prevent UI regressions in CI/CD pipelines.
Validates Claude Code plugins against architectural standards, checking manifest files, frontmatter, and tool invocation patterns to ensure high-quality, compliant plugin development.
Foundational architectural principles for MoAI-ADK, featuring TRUST 5, SPEC-First TDD, delegation patterns, and token-efficient agent orchestration workflows.
Migrate existing OpenAI Apps SDK applications to the MCP Apps SDK, including step-by-step guidance, API mapping tables, and CSP investigation workflows.
Interactive UI components for Claude Code and AI agents. Create confirmations, checklists, inputs, tables, and views to handle non-blocking interactions and monitoring.
Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.