UI component development standards for MetaMask clients: the strict design-system-first component hierarchy, availability checks before building custom components, styling with design tokens, and required imports. Use when building, restyling, or reviewing any UI component, or when choosing between a design-system, component-library, or custom component.
Scanned 9/7/2026
Install to Claude Code
Skills Directorynpx -y skills add jiayaoqijia/cryptoskill --skill metamask-official-ui-development --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Metamask Official Ui Development?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/jiayaoqijia-metamask-official-ui-development)More formats (shields.io, HTML) on the badges page.
---
name: ui-development
description: >-
UI component development standards for MetaMask clients: the strict
design-system-first component hierarchy, availability checks before
building custom components, styling with design tokens, and required
imports. Use when building, restyling, or reviewing any UI component, or
when choosing between a design-system, component-library, or custom
component.
base: true
---
Strategy context: [Agentic Design System Strategy](../../knowledge/agentic-design-system-strategy.md)
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
