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