domino-ui-design

Create React components styled with Ant Design 5.x and Domino theme tokens.

6|3|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/dominodatalab/domino-claude-plugin --skill domino-ui-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: domino-ui-design
Source: https://github.com/dominodatalab/domino-claude-plugin/tree/main/skills/domino-ui-design
Command: npx skills add https://github.com/dominodatalab/domino-claude-plugin --skill domino-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers build web applications that adhere to the Domino Data Lab's design system, ensuring consistency and a professional user experience.

Core Features & Use Cases

  • UI Component Generation: Create React components styled with Ant Design 5.x, using Domino's theme tokens.
  • UX Review: Evaluate existing Domino app screenshots against best practices for layout, copy, and interaction.
  • Full-Stack Guidance: Provides patterns for FastAPI backends, CDN-based frontends, API integration, and chart styling.

Quick Start

Use the domino-ui-design skill to generate a React component for a data table with sorting and filtering, styled according to the Domino Design System.

Frequently Asked Questions about domino-ui-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build web applications that adhere to the Domino Data Lab design system?

To build Domino-styled apps, use this skill to generate React components styled with Ant Design 5.x and integrate Domino theme tokens. It provides full-stack patterns for FastAPI backends and CDN-based frontends to ensure visual and functional consistency.

How do I evaluate my existing app UI against Domino UX review best practices?

To conduct a Domino UX review, this skill evaluates your existing app screenshots against best practices for layout, copy, and interaction. It provides comprehensive guidelines to improve interactive elements, forms, and overall user experience.

Can I use FastAPI backends with Ant Design 5.x frontends in a Domino Data Lab environment?

Yes, you can use FastAPI backends with Ant Design 5.x frontends in a Domino Data Lab environment. This skill provides full-stack development guidance, including API integration, CDN-based frontend delivery, and Domino API authentication.

What is the best way to style data visualizations with Highcharts for Domino web apps?

The best way to style Highcharts data visualizations for Domino web apps is by applying Domino theme tokens. This skill provides chart styling patterns and best practices to ensure your visualizations match the Domino Design System.

Does this skill require local React dependencies to generate styled components?

No, this skill does not require local React dependencies to generate styled components. It supports full-stack development using Ant Design 5.x frontends delivered via CDN, integrating Domino API authentication and theme tokens directly.

How do I implement API authentication for web apps using the Domino Design System?

To implement Domino API authentication for web apps, this skill provides full-stack guidance that integrates FastAPI backends with your Ant Design frontend. It ensures secure data fetching while maintaining Domino Design System styling.