design-skills

ihlamury/design-skills

Opinionated UI constraints extracted from the best design systems. Use with AI agents to build pixel-accurate interfaces.

29 stars

1 forks

90 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/ihlamury/design-skills

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/ihlamury/design-skills ~/.claude/skills/design-skills

# Project-specific

git clone https://github.com/ihlamury/design-skills .claude/skills/design-skills

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/ihlamury/design-skills"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/ihlamury/design-skills

Option 2: Clone to extensions directory

git clone https://github.com/ihlamury/design-skills ~/.gemini/extensions/design-skills

Topics

ai-agents claude cursor design-system frontend skills tailwind ui

Related Skills

openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

eightctl

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

everything-claude-code

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

using-git-worktrees

An agentic skills framework & software development methodology that works.