artifacts-builder
A suite for building complex, multi-component React/Tailwind/shadcn/ui artifacts for Claude.ai, featuring automated bundling into single, self-contained HTML files.
Looking for component library workflows? These agent skills help developers automate setup, coding, and delivery tasks.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
17 skills found
A suite for building complex, multi-component React/Tailwind/shadcn/ui artifacts for Claude.ai, featuring automated bundling into single, self-contained HTML files.
Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.
Develops reactive Livewire 4 components, handling wire directives, state management, real-time updates, component testing, and integration with Flux UI for high-performance Laravel applications.
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.
Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.
macOS visual automation tool for precise window capture, video recording, UI mockup annotation, Excalidraw wireframing, and automated visual regression testing.
Interactive UI components for Claude Code and AI agents. Create confirmations, checklists, inputs, tables, and views to handle non-blocking interactions and monitoring.
Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.
Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Production-ready Nuxt UI v4 component library featuring 125+ accessible components, Tailwind CSS v4, Reka UI, and specialized dashboard, chat, and editor layouts.
Maintain Mintlify documentation sites: configure navigation, manage MDX content, add components, and handle API references.