Stackzero UI Components
Browse and install React components from Stackzero Labs' e-commerce UI library, including product cards, ratings, image viewers, and banner blocks with implementation details.
Integrates with Stackzero Labs' commerce UI component library to browse, retrieve, and install React components optimized for e-commerce applications including ratings, image viewers, product controls, and banner blocks with installation instructions and usage examples.
What it does
- Browse available React UI components and blocks
- Get implementation details for rating components
- Retrieve product card and variant components
- Access banner and address block components
- View image viewer and carousel components
- Get input and form components with usage examples
Best for
About Stackzero UI Components
Stackzero UI Components is a community-built MCP server published by stackzero-labs that provides AI assistants with tools and capabilities via the Model Context Protocol. Browse, retrieve, and install e-commerce React UI components from Stackzero Labs’ react component library. Easy integrat It is categorized under developer tools. This server exposes 12 tools that AI clients can invoke during conversations and coding sessions.
How to install
You can install Stackzero UI Components in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
Stackzero UI Components is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Tools (12)
Provides a comprehensive list of all stackzero-labs/ui components.
Provides a comprehensive list of all stackzero-labs/ui blocks.
Provides implementation details for star-rating-basic, star-rating-fractions, upvote-rating-basic, upvote-rating-animated, face-rating-basic, face-rating-gradient components.
Provides implementation details for image-viewer-basic, image-viewer-motion, image-carousel-basic components.
Provides implementation details for price-format-basic, price-format-sale, quantity-input-basic, variant-color-selector-basic, variant-selector-basic, variant-selector-images, variant-selector-multiple components.
@stackzero-labs/mcp
Official MCP (Model Context Protocol) server for stackzero-labs/ui.
Official Docs »
Get started
·
Report Bug
·
Request Feature
Overview
This package allows you to run a model context server for stackzero-labs/ui components, enabling you to use the MCP protocol with your applications.
1-click install in Cursor
Installation
npm install @stackzero-labs/mcp
Usage
As a standalone server
npx @stackzero-labs/mcp
In Claude Desktop
Add to your Claude Desktop configuration:
{
"mcpServers": {
"@stackzero-labs/mcp": {
"command": "npx",
"args": ["-y", "@stackzero-labs/mcp@latest"]
}
}
}
In Cursor (manual setup)
Go to Cursor settings, select MCP. Add to your Cursor configuration:
{
"mcpServers": {
"@stackzero-labs/mcp": {
"command": "npx",
"args": ["-y", "@stackzero-labs/mcp@latest"]
}
}
}
Development
# Install dependencies
pnpm install
# Build the project
pnpm build
# Run in development mode
pnpm dev
# Inspect the MCP server
pnpm inspect
License
See LICENSE for details.
Alternatives
Related Skills
Browse all skillsThis skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.
Comprehensive guide for Slidev - a web-based presentation framework for developers. Covers Markdown syntax, layouts, components, animations, theming, and exporting. Use this skill when creating or working with developer presentations using Slidev.
Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on building fast, SEO-friendly applications.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.