Build Domino-styled web applications matching the Domino Design System. Use when creating or styling Domino apps (Dash, Streamlit, Flask, FastAPI+HTML), generating UI components, reviewing UX, or when the user mentions "Domino app", "Domino UI", "Domino dashboard", or "Domino design system". Covers the full stack — FastAPI backend, Ant Design 5.x frontend via CDN, Domino theme tokens (colors, typography, spacing), chart styling with Highcharts, Domino API authentication, proxy-safe routing, UX writing, error handling, empty states, form design, table patterns, and layout best practices. Also use for UX reviews of existing Domino app screenshots.
95
—
Does it follow best practices?
Impact
99%
1.59xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Domino dashboard app architecture and theme
FastAPI backend
100%
100%
Ant Design CDN — correct version
0%
100%
React CDN — correct version
0%
100%
dayjs CDN included
0%
100%
Inter font included
0%
100%
No JSX — createElement used
0%
100%
ConfigProvider with Domino theme
0%
100%
Nav bar colors
0%
100%
Highcharts CDN included
0%
100%
Highcharts Domino palette
0%
100%
Token re-acquisition per call
0%
100%
Relative URLs in frontend
100%
100%
Actionable empty state
25%
100%
Uvicorn run command
100%
100%
No static files inline
100%
100%
Form, table, and UX writing patterns
Sentence case UI text
50%
100%
No exclamation points
0%
100%
Specific button labels
50%
87%
Labels above fields
100%
100%
Error messages with guidance
100%
100%
Table tooltip on truncated text
100%
100%
Numbers right-aligned in table
100%
100%
Actionable empty state
25%
100%
Null/empty values as dash
66%
100%
Required field marking
100%
100%
Positive checkbox framing
100%
100%
ConfigProvider Domino theme
0%
100%
Ant Design CDN — correct version
0%
100%
No JSX
50%
100%
Uvicorn run command
50%
100%
UX audit of a flawed Domino app
Severity classification used
100%
100%
Exclamation point flagged
100%
100%
Title case / sentence case issue flagged
100%
100%
Button label issues flagged
100%
100%
Icon-only buttons without tooltips flagged
62%
100%
Truncated text without tooltip flagged
100%
100%
Numbers alignment flagged
100%
100%
Empty state issue flagged
100%
100%
Side panel overlay issue flagged
100%
100%
Placeholder-as-label issue flagged
100%
100%
Negative checkbox framing flagged
100%
100%
Generic error message flagged
100%
100%
Theme / color mismatch flagged
100%
100%
Actionable recommendations
100%
100%
64f4433
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.