Best Architecture Design Claude Skills & MCP Tools (2026)

frontend-ultimate

from SHAJAR5110

Ultimate 25+ years expert-level frontend skill covering Next.js, React, TypeScript, Tailwind CSS, styled-components, Redux, Zustand, Webpack, Vite, Parcel, Jest/Vitest testing, performance optimization, and ALL security aspects comprehensively (XSS, CSRF, injection, data privacy, CSP, dependency security, etc.). Covers all use cases (SPAs, PWAs, e-commerce, dashboards, real-time apps, mobile-responsive). Advanced features include A11y, Core Web Vitals, SEO, i18n, error handling, monitoring, component architecture, design patterns. Maximum security hardening, genius-level optimization, modernized development standards. Use when building ANY frontend application requiring enterprise security, performance, and scalability.

[Architecture Design]

super-dev

from shangyankeji★ 15

顶级 AI 开发战队 (God-Tier)。调度 10 位精英专家 (PM/架构/UI/UX/安全/代码/DBA/QA/DevOps/RCA)，交付商业级研发资产。内置思维链 (CoT) 与实时市场情报系统。

[Architecture Design]

professional-development-superskill

from majiayu000★ 5

Comprehensive superskill consolidating 41 professional development skills across planning, testing, debugging, code review, git workflow, writing, architecture, meta-skills, thinking frameworks, and communication. Use when you need a complete reference for software development best practices, workflows, and methodologies.

[Architecture Design]

backend-development

from mrgoonie★ 1.1k

Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.

[Architecture Design]

planner

from solatis★ 342

Interactive planning and execution for complex tasks. Use when user asks to use or invoke planner skill.

[Architecture Design]

implementation-planner

from jumppad-labs★ 261

Create detailed implementation plans through an interactive process with research, code snippets, and structured deliverables. Use this skill when planning significant features, refactoring tasks, or complex implementations that require thorough analysis and structured documentation. The skill guides through context gathering, research, design decisions, and generates comprehensive plans with test strategies and success criteria.

[Architecture Design]

planning

from draphonix★ 27

Generate comprehensive plans for new features by exploring the codebase, synthesizing approaches, validating with spikes, and decomposing into beads. Use when asked to plan a feature, create a roadmap, or design an implementation approach.

[Architecture Design]

planning-patterns

from romiluz13★ 19

DO NOT invoke directly - loaded by workflow agents via cc10x-router.Always loaded by: planner.Provides planning patterns: comprehensive plans with bite-sized TDD tasks, spec-based, DRY/YAGNI. Iron Law: NO VAGUE STEPS - EVERY STEP IS SPECIFIC.

[Architecture Design]

architecture-design

from vukhanhtruong★ 6

Generate comprehensive software architecture documentation (ARCHITECTURE.md) with C4 diagrams, OpenAPI specs, and technology-specific guidance. This skill should be used when creating architecture documentation for new projects, documenting existing systems, or updating architectural specifications.

[Architecture Design]

ai-llm-development

from majiayu000★ 5

MANDATORY invocation for ALL LLM-related work. Invoke immediately when:- ANY mention of model names, IDs, or versions- ANY configuration of AI providers or APIs- ANY defaults/constants for LLM settings- ANY prompt engineering or modification- ANY discussion of model capabilities or features- ANY changes to AI-related dependencies- Reading/writing .env files with AI config- Modifying aiProviders.ts, prompts.ts, or similar- Reviewing AI-related pull requests- Debugging LLM integration issuesCRITICAL: Training data lags reality by months. ALWAYS research first.Use WebSearch, Exa MCP, or Gemini CLI before making ANY LLM decisions.

[Architecture Design]

system-architect

from majiayu000★ 5

Use when designing system architecture, creating design documents, planning technical architecture, or making high-level design decisions. Apply when user mentions system design, architecture, technical design, design docs, or asks to architect a solution. Use proactively when a feature requires architectural planning before implementation.

[Architecture Design]

software-engineering

from outfitter-dev★ 4

Engineering judgment, decision-making principles, and code quality standards. Use when making architectural choices, evaluating trade-offs, determining implementation approaches, assessing code quality, or balancing speed vs thoroughness. Provides foundational senior engineer mindset covering when to proceed vs ask, when to refactor, security awareness, and avoiding over-engineering.

[Architecture Design]

ai-llm-engineering

from Microck★ 3

Operational skill hub for LLM system architecture, evaluation, deployment, and optimization (modern production standards). Links to specialized skills for prompts, RAG, agents, and safety. Integrates recent advances: PEFT/LoRA fine-tuning, hybrid RAG handoff (see dedicated skill), vLLM 24x throughput, multi-layered security (90%+ bypass for single-layer), automated drift detection (18-second response), and CI/CD-aligned evaluation.

[Architecture Design]

architect-role-skill

from enuno★ 3

Professional software architecture skill for analyzing existing codebases,designing new systems, creating comprehensive planning documents, and guidingtechnical decision-making through structured architectural workflows.

[Architecture Design]

mermaid-diagramming

from bsamiee★ 1

Creates Mermaid v11+ diagrams with ELK layout and YAML frontmatter. Covers 22 diagram types: flowchart, mindmap, block, sequence, journey, state, ER, class, requirement, pie, quadrant, sankey, xy, radar, gantt, treemap, C4, architecture, packet, timeline, gitgraph, kanban. Use when visualizing: logic flow, interactions, state machines, data models, charts, system architecture, or any diagram requiring theming, classDef styling, or accessibility.

[Architecture Design]

rails-conventions-patterns

from Kaakati★ 1

Comprehensive Ruby on Rails conventions, design patterns, and idiomatic code standards. Use this skill when writing any Rails code including controllers, models, services, or when making architectural decisions about code organization, naming conventions, and Rails best practices. Trigger keywords: rails conventions, design patterns, idiomatic code, best practices, code organization, naming conventions, MVC patterns, Rails architecture

[Architecture Design]

mermaid-master

from ThomasRohde★ 1

World-class creation of valid, beautiful, and accessible Mermaid diagrams. Use when users request diagrams, flowcharts, sequence diagrams, entity relationship diagrams, state machines, Gantt charts, class diagrams, or any visual representation that can be expressed in Mermaid syntax. Handles all Mermaid diagram types with expert knowledge of syntax, styling, and best practices.

[Architecture Design]

create-plan

from mhylle★ 1

Create detailed implementation plans through interactive research and iteration. This skill should be used when creating new implementation plans, designing feature specifications, planning technical work, or when the user asks to plan an implementation. Triggers on requests like "create a plan", "plan the implementation", "design how to implement", or when given a feature/task that needs structured planning before implementation.

[Architecture Design]

rails-architect

from brianfoshee★ 1

Expert Ruby on Rails architect for reviewing existing Rails applications, suggesting architectural improvements, and designing new features following modern Rails best practices. Use when working with Rails apps, designing Rails features, or reviewing Rails architecture. Based on 37signals/Basecamp production patterns.

[Architecture Design]

architect

from majiayu000

Design system architecture before implementing new features. Use when starting major components or making design decisions with long-term impact.

[Architecture Design]

typescript-pro

from Masked-Kunsiquat

Expert TypeScript development with advanced type safety, full-stack patterns, and build optimization. Use when designing or refactoring TypeScript, auditing type safety, or improving TS tooling and compile performance.

[Architecture Design]

game-engineering-team

from ccalebcarter

AAA-caliber engineering council for building production-quality games. Use when implementing game systems, writing game code, designing data architecture, building UI components, creating tutorials, optimizing performance, or any technical game development task. Covers game programming patterns, casino/card game implementation, reward systems, game UI engineering, tutorial design, code architecture, data infrastructure, security, and quality assurance. Triggers on requests for game code, system implementation, refactoring, performance optimization, data design, or technical architecture decisions.

[Architecture Design]

ai-llm-development

from pixelatedempathy

Apply modern AI/LLM development best practices: staying current on models, prompt/context engineering, architecture patterns, stack decisions, evaluation, and production deployment. Use when building AI features, selecting models, writing prompts, reviewing LLM code, or discussing AI architecture.

[Architecture Design]

moai-system-universal

from rdmptv

The ultimate unified development skill combining 25+ programming languages, 9+ BaaS providers, 6+ development functions, and 15+ security capabilities with AI orchestration, Context7 integration, enterprise compliance, and end-to-end project automation

[Architecture Design]

← Back to All Skills