ultaura-design-system

CryptracSolutions/Ultaura

Apply Ultaura brand guidelines to all UI components, pages, and styling. Use when creating React components, Tailwind classes, layouts, or any visual elements. Ultaura uses Tiffany Blue primary with warm Stone neutrals, OKLCH color format, and Tailwind v4 compatible theming. Designed for a voice companion service targeting caregivers and seniors.

0 stars

0 forks

5 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system ~/.claude/skills/Ultaura

# Project-specific

git clone https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system .claude/skills/Ultaura

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system

Option 2: Clone to extensions directory

git clone https://github.com/CryptracSolutions/Ultaura/tree/main/.claude/skills/ultaura-design-system ~/.gemini/extensions/Ultaura