CtrlK
BlogDocsLog inGet started
Tessl Logo

domino-ui-design

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

1.59x
Quality

93%

Does it follow best practices?

Impact

99%

1.59x

Average score across 3 eval scenarios

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

86%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A dense, highly actionable reference skill: every code block is executable and domain-specific, and bundle references are real, one level deep, and clearly signaled. The main gaps are minor verbosity (pinned versions, inline rule duplication) and the absence of an explicit multi-step workflow with validation checkpoints.

Suggestions

Trim the 'Key rules to always follow' list to 3-4 critical rules and rely on references/ux-design-rules.md for the rest, removing duplicated guidance between SKILL.md and the reference file.

Move pinned CDN version numbers (antd@5.11.2, dayjs@1.11.10, react@18) into a single 'versions' note or deprecation-style section so future updates don't scatter time-sensitive values through the setup instructions.

Add a short numbered build sequence (scaffold HTML with CDN setup → apply theme → wire API with swagger verification → run and verify the app responds) so the section order becomes an explicit workflow with a verification checkpoint.

DimensionReasoningScore

Conciseness

The body is lean and almost entirely Domino-specific knowledge Claude cannot know (theme tokens, base-path table, JWT-derived cluster URL), but has minor trim opportunities: pinned versions in CDN URLs ('antd@5.11.2', 'dayjs@1.11.10') are time-sensitive, and the inline 'Key rules to always follow' list plus swagger browser-UI URLs duplicate content available in the referenced file.

4 / 5

Actionability

Fully executable throughout — copy-paste CDN <head> block, complete dominoTheme token object, working get_auth_headers() function, a base-path table with concrete example URLs, a uvicorn run command, and curl commands for both swagger docs.

5 / 5

Workflow Clarity

Sections follow a coherent build order (CDN setup → theme → nav → charts → API → run) and include pre-flight validation ('Before writing or verifying any API call, use the cluster swagger to confirm current endpoint paths and field names') plus the re-acquire-token-on-every-call safeguard, but there is no explicit end-to-end sequence with checkpoints (e.g., verify the app renders and API responses before styling refinements).

4 / 5

Progressive Disclosure

Well-structured overview with clearly signaled, one-level-deep references — both links to references/ux-design-rules.md exist as real files, and assets/domino-logo.svg is referenced with its path; key always-apply rules are surfaced inline while detail lives in the reference.

5 / 5

Total

18

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is a strong example: third-person, explicit 'Use when…' triggers with natural user phrasing, comprehensive concrete capabilities, and a clearly distinct niche. It is long but dense with signal rather than padded fluff.

DimensionReasoningScore

Specificity

Lists many concrete capabilities — 'generating UI components, reviewing UX', 'chart styling with Highcharts, Domino API authentication, proxy-safe routing', 'error handling, empty states, form design, table patterns' — with comprehensive, non-generic coverage of the skill's scope.

5 / 5

Completeness

Explicitly answers both: the 'what' ('Build Domino-styled web applications matching the Domino Design System… Covers the full stack…') and the 'when' ('Use when creating or styling Domino apps… or when the user mentions…' plus 'Also use for UX reviews of existing Domino app screenshots').

5 / 5

Trigger Term Quality

Natural phrases a user would say are explicitly quoted — 'Domino app', 'Domino UI', 'Domino dashboard', 'Domino design system' — plus activity triggers like 'creating or styling Domino apps' and 'reviewing UX', with framework synonyms (Dash, Streamlit, Flask, FastAPI+HTML).

5 / 5

Distinctiveness Conflict Risk

The Domino Design System niche is highly distinct with dedicated triggers ('Domino app', 'Domino UI', 'Domino dashboard'); framework mentions are scoped to Domino apps, so overlap risk with generic web-dev skills is minimal.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
dominodatalab/domino-claude-plugin
Reviewed

Table of Contents

Is this your skill?

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.