🎯

app-ui-design

🎯Skill

from majiayu000/claude-arsenal

VibeIndex|
What it does

Generates professional, responsive mobile and web application user mock-ups and wireframes with design system guidelines and component specifications.:! Based on the context of the skill library an...

app-ui-design

Installation

Install skill:
npx skills add https://github.com/majiayu000/claude-arsenal --skill app-ui-design
6
Last UpdatedJan 23, 2026

Skill Details

SKILL.md

Overview

Claude Arsenal

40 Production-Ready Skills | 7 Specialized Agents | One Command Install

The most comprehensive skill library for Claude Code

Stars

License

Skills

Agents

Quick Start β€’

Skills β€’

Agents β€’

Contributing β€’

δΈ­ζ–‡

---

Quick Start

One-Line Install (All Skills)

```bash

curl -fsSL https://raw.githubusercontent.com/majiayu000/claude-arsenal/main/install.sh | bash

```

Manual Install (Selective)

```bash

# Clone the repository

git clone https://github.com/majiayu000/claude-arsenal.git

cd claude-arsenal

# Install specific skills

./install.sh --skills typescript-project,python-project,devops-excellence

# Or install everything

./install.sh --all

```

Verify Installation

In Claude Code, type / to see your installed skills.

---

Skills

Development Architecture

Build production-ready projects with language-specific best practices.

| Skill | Language | Key Features |

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

| [typescript-project](./skills/typescript-project/) | TypeScript | ESM, Zod, Biome, Clean Architecture |

| [python-project](./skills/python-project/) | Python | uv, Pydantic, Ruff, FastAPI |

| [rust-project](./skills/rust-project/) | Rust | Cargo workspace, error handling, async |

| [golang-web](./skills/golang-web/) | Go | Chi/Echo, sqlc, structured logging |

| [zig-project](./skills/zig-project/) | Zig | Build system, memory management |

Product Lifecycle

End-to-end product development from discovery to deployment.

| Skill | Phase | What You Get |

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

| [product-discovery](./skills/product-discovery/) | Discovery | JTBD, user interviews, market research |

| [prd-master](./skills/prd-master/) | Definition | PRD writing, user stories, RICE prioritization |

| [technical-spec](./skills/technical-spec/) | Design | Design docs, ADR, C4 diagrams |

| [product-analytics](./skills/product-analytics/) | Growth | Event tracking, A/B testing, AARRR |

| [devops-excellence](./skills/devops-excellence/) | Deployment | CI/CD, Docker, Kubernetes, GitOps |

| [observability-sre](./skills/observability-sre/) | Operations | Monitoring, logging, tracing, SLO/SLI |

API & Backend

| Skill | Description |

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

| [api-design](./skills/api-design/) | REST/GraphQL/gRPC patterns, OpenAPI 3.2 |

| [auth-security](./skills/auth-security/) | OAuth 2.1, JWT, security best practices |

| [database-patterns](./skills/database-patterns/) | PostgreSQL, Redis, migrations, optimization |

Development Practices

| Skill | Description | Origin |

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

| [test-driven-development](./skills/test-driven-development.SKILL.md) | RED-GREEN-REFACTOR cycle | [obra/superpowers](https://github.com/obra/superpowers) |

| [systematic-debugging](./skills/systematic-debugging.SKILL.md) | 4-phase debugging framework | [obra/superpowers](https://github.com/obra/superpowers) |

| [elegant-architecture](./skills/elegant-architecture.SKILL.md) | Clean architecture, 200-line file limit | Custom |

| [comprehensive-testing](./skills/comprehensive-testing.SKILL.md) | Test pyramid, TDD, mocking strategies | [Anthropic](https://www.anthropic.com/engineering/claude-code-best-pr

More from this repository10

🎯
observability-sre🎯Skill

Helps Site Reliability Engineers (SREs) design, implement, and optimize observability strategies, including monitoring, logging, tracing, and alerting configurations for complex distributed systems.

🎯
golang-web🎯Skill

Generates production-ready Go web applications with Chi/Echo routing, sqlc database interactions, and structured logging best practices.

🎯
product-discovery🎯Skill

Helps product teams rapidly validate market opportunities by generating comprehensive product research, competitive analysis, and user persona insights

🎯
rust-best-practices🎯Skill

Generates production-ready Rust project templates and provides expert guidance on Rust coding best practices, error handling, async programming, and project structure.

🎯
prd-master🎯Skill

Generates comprehensive, structured Product Requirements Documents (PRDs) with clear user stories, feature specifications, and strategic alignment based on product discovery insights.

🎯
harmonyos-app🎯Skill

Generates boilerplate code and provides development guidance for creating HarmonyOS applications with best practices and efficient structure

🎯
auth-security🎯Skill

Provides comprehensive authentication and security implementation strategies, generating secure login flows, access control mechanisms, and best practices for protecting user credentials and system...

🎯
product-ux-expert🎯Skill

Provides expert guidance and recommendations for improving product user experience (UX) design, conducting user research, creating user personas, and developing intuitive interface solutions.

🎯
database-patterns🎯Skill

Generates database design patterns, schema structures, and best practices for different database types and architectural scenarios.

🎯
typescript-project🎯Skill

Generates a production-ready TypeScript project with ESM, Zod validation, Biome formatter, and clean architecture setup, following modern development best practices.