shadcn-aesthetic

Dieshen/claude_marketplace

Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling code to ensure modern, refined, and accessible design patterns.

0 stars

0 forks

Shell

81 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic ~/.claude/skills/claude_marketplace

# Project-specific

git clone https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic .claude/skills/claude_marketplace

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic

Option 2: Clone to extensions directory

git clone https://github.com/Dieshen/claude_marketplace/tree/main/plugins/shadcn-aesthetic ~/.gemini/extensions/claude_marketplace

Topics

Related Skills

Command Development

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

using-git-worktrees

An agentic skills framework & software development methodology that works.

research

tore your decisions and principles. Claude reads them to make better choices.

swiftui-view-refactor

My Codex Skills