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