ui-foundations
OfficialDefine and enforce massCode UI foundations.
Design & Creative#typography#consistency#ui-patterns#tailwind-v4#ui-tokens#ui-foundations#renderer-styling
AuthormassCodeIO
Version1.0.0
Installs0
System Documentation
What problem does it solve?
massCode UI styling can drift across screens and components. This skill provides a centralized rule set to ensure typography, renderer styling, and token usage stay consistent.
Core Features & Use Cases
- Establish a single typography system using a base text token for all text sizes and muted states.
- Enforce semantic design tokens for colors, spacing, and radii, avoiding ad hoc palette classes.
- Provide guidelines for typography, spacing rhythm, and component styling to maintain visual cohesion across new screens and existing UI.
Quick Start
Apply massCode UI foundation rules to ensure typography uses UiText and Tailwind v4 token semantics.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-foundations Download link: https://github.com/massCodeIO/massCode/archive/main.zip#ui-foundations Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.