🎯

ux-principles

🎯Skill

from miles990/claude-software-skills

What it does

Provides comprehensive UX design guidelines, best practices, and evaluation criteria for creating user-centered, intuitive, and accessible digital interfaces.

📦

Part of

miles990/claude-software-skills(109 items)

ux-principles

Installation

Add MarketplaceAdd marketplace to Claude Code

/plugin marketplace add miles990/claude-software-skills

Install PluginInstall plugin from marketplace

/plugin install frontend@claude-software-skills

Install PluginInstall plugin from marketplace

/plugin install backend@claude-software-skills

Install PluginInstall plugin from marketplace

/plugin install api-design@claude-software-skills

Add MarketplaceAdd marketplace to Claude Code

/plugin marketplace add https://github.com/miles990/claude-software-skills.git

+ 2 more commands

📖 Extracted from docs: miles990/claude-software-skills

Need more details? View full documentation on GitHub →

6Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Overview

# Claude Software Skills

> 55 modular software development skills for Claude Code - from architecture to deployment

[![Skills](https://img.shields.io/badge/skills-55-blue)](./README.md)

[![Categories](https://img.shields.io/badge/categories-6-green)](./README.md)

[![Plugin](https://img.shields.io/badge/Claude_Code-Plugin-orange)](https://code.claude.com/docs/en/discover-plugins)

```

┌─────────────────────────────────────────────────────────────────┐

│ Claude Software Skills │

│ │

│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │

│ │ Software │ │ Software │ │ Development │ │

│ │ Design │ │ Engineering │ │ Stacks │ │

│ │ 6 │ │ 8 │ │ 8 │ │

│ └──────────────┘ └──────────────┘ └──────────────┘ │

│ │

│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │

│ │ Tools & │ │ Domain │ │ Programming │ │

│ │ Integrations │ │ Applications │ │ Languages │ │

│ │ 9 │ │ 12 │ │ 12 │ │

│ └──────────────┘ └──────────────┘ └──────────────┘ │

│ │

│ AI 自動識別任務 → 載入對應領域知識 │

└─────────────────────────────────────────────────────────────────┘

```

Features

MCP Compatible - Works with Claude Code, Cursor, and other MCP clients
Semantic Search - Claude automatically finds relevant skills for your task
Cross-Domain Integration - Skills work together seamlessly
Best Practices Built-In - Each skill includes patterns and anti-patterns
Modular Architecture - Use only what you need
Sharp Edges - Proactive warnings about common pitfalls with detection patterns
Validations - Executable code quality rules with regex/ast patterns
Collaboration - Skills declare relationships for smart delegation and context passing

Installation

Plugin Marketplace (Recommended)

```bash

# 1. Add marketplace (GitHub format: owner/repo)

/plugin marketplace add miles990/claude-software-skills

# 2. Open plugin management interface, view available plugins in Discover tab

/plugin

# 3. Install specific skills (choose what you need)

/plugin install frontend@claude-software-skills

/plugin install backend@claude-software-skills

/plugin install api-design@claude-software-skills

# Or mention skill name in conversation, Claude will auto-load

```

Supported GitHub formats:

```bash

# Short format (recommended)

/plugin marketplace add miles990/claude-software-skills

# HTTPS URL

/plugin marketplace add https://github.com/miles990/claude-software-skills.git

# Specify branch or tag

/plugin marketplace add miles990/claude-software-skills#main

```

Plugin commands:

| Command | Description |

|---------|-------------|

| /plugin | Open interactive plugin management interface |

| /plugin install @ | Install specific plugin |

| /plugin disable @ | Temporarily disable plugin |

| /plugin uninstall @ | Completely remove plugin |

Available Skills

Software Design (6 skills)

| Skill | Description |

|-------|-------------|

| architecture-patterns | Software architecture patterns and best practices |

| design-patterns | Classic and modern software design patterns |

| api-design | RESTful, GraphQL, gRPC, and API best practices |

| system-design | Scalability, availability, and distributed systems design |

| data-design | Data modeling, schema design, and data architecture |

| ux-principles | User experience design principles for developers |

Software Engineering (8 skills)

| Skill | Description |

|-------|-------------|

| code-quality | Clean code principles, SOLID, and code review practices |

| testing-strategies | Unit, integration, E2E testing and TDD practices |

| devops-cicd | CI/CD pipelines, infrastructure as code, and deployment |

| performance-optimization | Profiling, optimization techniques, and best practices |

| security-practices | OWASP Top 10, authentication, and secure coding |

| reliability-engineering | SRE principles, observability, and incident management |

| documentation | Technical writing, API docs, and documentation best practices |

| internationalization | i18n/l10n architecture design and multi-language support |

Development Stacks (8 skills)

| Skill | Description |

|-------|-------------|

| frontend | Modern frontend with React, Vue, and web technologies |

| backend | Backend with Node.js, Express, NestJS, and server patterns |

| mobile | Mobile with React Native, Flutter, and native patterns |

| database | Database design, SQL, NoSQL, and data management |

| cloud-platforms | AWS, GCP, Azure services and cloud-native development |

| ai-ml-integration | AI/ML APIs, LLM integration, and intelligent apps |

| realtime-systems | WebSocket, real-time communication, event-driven |

| edge-iot | Edge computing, IoT protocols, and embedded systems |

Tools & Integrations (9 skills)

| Skill | Description |

|-------|-------------|

| git-workflows | Git version control, branching, and collaboration |

| project-management | Agile, Scrum, Kanban, and issue tracking |

| development-environment | IDE setup, dev containers, and local development |

| monitoring-logging | Application monitoring, logging, and alerting |

| api-tools | API testing, documentation, and development tools |

| automation-scripts | Build automation, task runners, and scripting |

| auto-dev-setup | Auto-Dev workflow for Human-in-the-Loop automation |

| claude-code-plugin | Claude Code Plugin development and marketplace management |

| claude-code-sdk | Claude Code SDK for AI-powered applications |

Domain Applications (12 skills)

| Skill | Description |

|-------|-------------|

| application-patterns | Common application development patterns |

| e-commerce | E-commerce platforms, payments, shopping cart |

| saas-platforms | SaaS architecture, multi-tenancy, subscriptions |

| content-platforms | CMS, blogging platforms, content management |

| communication-systems | Email, notifications, messaging systems |

| developer-tools | CLI tools, SDKs, developer experience |

| game-development | Game development patterns and architectures |

| flame | Flame Engine 2D game development for Flutter |

| flame-core | Flame Engine core - components, input, collision |

| flame-systems | Flame Engine 14 game systems |

| flame-templates | Game templates - RPG, Platformer, Roguelike |

| desktop-apps | Desktop apps with Electron and Tauri |

Programming Languages (12 skills)

| Skill | Description |

|-------|-------------|

| javascript-typescript | Modern JavaScript and TypeScript patterns |

| python | Python programming patterns and best practices |

| go | Go programming patterns and idioms |

| rust | Rust patterns and ownership concepts |

| java-kotlin | Java and Kotlin programming patterns |

| csharp-dotnet | C# and .NET development patterns |

| cpp | Modern C++ programming patterns and idioms |

| ruby | Ruby programming patterns and idioms |

| php | Modern PHP programming patterns |

| swift | Swift patterns for iOS and macOS |

| shell-bash | Shell scripting and Bash programming |

| sql | SQL patterns for database querying and design |

Other Installation Methods

Clone to Skills Directory

```bash

# Clone to your skills directory

git clone https://github.com/miles990/claude-software-skills.git ~/.claude/skills/software-skills

```

Claude will automatically discover and use the skills when relevant to your tasks.

With MCP Server

This repository is compatible with [claude-skills-mcp](https://github.com/K-D

More from this repository10

🎯

saas-platforms🎯Skill

Helps developers rapidly assess, compare, and select appropriate SaaS platforms by providing structured evaluation criteria, feature comparisons, and implementation guidance across different busine...

🎯

devops-cicd🎯Skill

Automates continuous integration and deployment workflows, generating pipeline configurations, scripts, and best practices for streamlining software delivery across different cloud and container pl...

🎯

git-workflows🎯Skill

Automates and guides developers through common Git workflow patterns, providing best practices, branch management strategies, and collaborative code integration techniques.

🎯

code-quality🎯Skill

Analyzes code for quality issues, detecting potential bugs, style violations, and maintainability problems using advanced validation patterns and best practice checks.

🎯

architecture-patterns🎯Skill

Provides comprehensive architectural design guidance, recommending software architecture patterns, best practices, and anti-patterns for system design across different complexity levels and domains.

🎯

desktop-apps🎯Skill

Generates boilerplate code and provides architectural guidance for creating cross-platform desktop applications using frameworks like Electron, Qt, or .NET.

🎯

ai-ml-integration🎯Skill

Enables seamless integration of AI and machine learning models into software development workflows, providing standardized methods for model selection, training, deployment, and performance monitor...

🎯

design-patterns🎯Skill

Provides comprehensive guidance and implementation templates for software design patterns, helping developers apply proven architectural solutions across different programming paradigms and contexts.

🎯

security-practices🎯Skill

Identifies and recommends security best practices, vulnerability detection patterns, and risk mitigation strategies across software development lifecycle stages.

🎯

frontend🎯Skill

Generates modern frontend project scaffolding, provides best practices for web application architecture, and offers structured code templates for React, Vue, and other frontend frameworks.