ui-design-system

Name: ui-design-system
Rating: 1.1 (1 reviews)
Author: sgcarstrends

21.1

Enforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing UI components for the web application.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install sgcarstrends/sgcarstrends/ui-design-system

OpenCode (CLI) Fast

skilz install sgcarstrends/sgcarstrends/ui-design-system --agent opencode

OpenAI Codex (CLI) Native

skilz install sgcarstrends/sgcarstrends/ui-design-system --agent codex

Gemini CLI (Project) Project

skilz install sgcarstrends/sgcarstrends/ui-design-system --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/sgcarstrends/sgcarstrends

2. Copy the agent skill directory:

cp -r sgcarstrends/apps/web/.claude/skills/ui-design-system ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

grafana-dashboards

by wshobson

Create and manage production Grafana dashboards for real-time visualization of system and application metrics. Use when building monitoring dashboards...

TECHmonitoring

Marketplace

kpi-dashboard-design

by wshobson

Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business da...

TECHmonitoring

Marketplace

+data analysis

prometheus-configuration

by wshobson

Set up Prometheus for comprehensive metric collection, storage, and monitoring of infrastructure and applications. Use when implementing metrics colle...

TECHmonitoring

Marketplace

risk-metrics-calculation

by wshobson

Calculate portfolio risk metrics including VaR, CVaR, Sharpe, Sortino, and drawdown analysis. Use when measuring portfolio risk, implementing risk lim...

TECHmonitoring

Marketplace

Agentic Skill Details

Owner: sgcarstrends (GitHub)
Repository: sgcarstrends
Type: Non-Technical
Meta-Domain: media
Primary Domain: monitoring
Market Score: 21.1

Agentic Skill Grades →

Browse Category

More media Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?