Looking for component library workflows? These agent skills help developers automate setup, coding, and delivery tasks.

Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

17 skills found

EngineeringProductivity
artifacts-builder avatar

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.

Views: 1063,128
EngineeringProductivityAutomation
senior-frontend-engineer-react avatar

senior-frontend-engineer-react

Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.

Views: 2001#react#dva#typescript#crud
Engineering
livewire-development avatar

livewire-development

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.

Views: 28
EngineeringProductivity
wednesday-design avatar

wednesday-design

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.

Views: 21148
EngineeringProductivity
interface-design avatar

interface-design

Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.

Views: 21
AutomationEngineeringProductivity
seer avatar

seer

macOS visual automation tool for precise window capture, video recording, UI mockup annotation, Excalidraw wireframing, and automated visual regression testing.

Views: 2762
EngineeringAutomationProductivity
awb avatar

awb

Interactive UI components for Claude Code and AI agents. Create confirmations, checklists, inputs, tables, and views to handle non-blocking interactions and monitoring.

Views: 2313
Engineering
build-design-system avatar

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.

Views: 145
EngineeringMarketing
shadcn-vite-iconify-landing-page avatar

shadcn-vite-iconify-landing-page

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.

Views: 1687
EngineeringProductivity
pencil-ui-design avatar

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.

Views: 3778
EngineeringProductivity
nuxt-ui-v4 avatar

nuxt-ui-v4

Production-ready Nuxt UI v4 component library featuring 125+ accessible components, Tailwind CSS v4, Reka UI, and specialized dashboard, chat, and editor layouts.

Views: 22128
EngineeringProductivity
mintlify avatar

mintlify

Maintain Mintlify documentation sites: configure navigation, manage MDX content, add components, and handle API references.

Views: 189,494

FAQ

What are AI agent skills for component library?
They are reusable instructions and tooling packs that help AI coding agents perform component library-related tasks more reliably.
How do I install a skill from this page?
Open a skill detail page, then follow the install guidance or use Mentalok Skill Manager to sync skills into your agent environment.
Is this the same as searching Skills Hub?
This page is a dedicated landing for component library. Interactive semantic search lives on the main Skills Hub search box.