design-tokens

laurigates/dotfiles

CSS custom property architecture, theme systems, design token organization, and component library integration. Use when implementing design systems, theme switching, dark mode, or when the user mentions tokens, CSS variables, theming, or design system setup.

6 stars

0 forks

31 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens ~/.claude/skills/dotfiles

# Project-specific

git clone https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens .claude/skills/dotfiles

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens

Option 2: Clone to extensions directory

git clone https://github.com/laurigates/dotfiles/tree/main/exact_dot_claude/skills/design-tokens ~/.gemini/extensions/dotfiles