Installation
Claude Code
Cursor
Gemini CLI
Option 1: Use slash command in Claude Code
/install-skill https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline
Option 2: Clone to skills directory
# Global (all projects)
git clone https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline ~/.claude/skills/claude-plugins
# Project-specific
git clone https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline .claude/skills/claude-plugins
Add MCP server to .cursor/mcp.json:
{
"mcpServers": {
"skillz": {
"command": "npx",
"args": ["-y", "skillz-mcp", "https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline"]
}
}
}
Restart Cursor after adding the configuration.
Option 1: Use Gemini CLI command
gemini extensions install https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline
Option 2: Clone to extensions directory
git clone https://github.com/titabash/claude-plugins/tree/main/ui-design-guideline-creator/skills/ui-design-guideline ~/.gemini/extensions/claude-plugins