design-guide

arkcle83/crewdeck

Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigation, or complete applications. Applies to HTML, CSS, React, Vue, Svelte, and any frontend framework. Ensures consistent, minimal, and accessible design patterns.

0 stars

0 forks

13 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide ~/.claude/skills/crewdeck

# Project-specific

git clone https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide .claude/skills/crewdeck

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide

Option 2: Clone to extensions directory

git clone https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide ~/.gemini/extensions/crewdeck