深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono
architecture-designer
architecture-designer is an open-source design skill for Claude Code and compatible agents, published by Jeffallan. Its author describes it as: “Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions. Invoke to create architecture diagrams, write Architecture Decision Records (ADRs), evaluate techno…”. The project has 11k stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add Jeffallan/claude-skills`.
What architecture-designer does
Senior software architect specializing in system design, design patterns, and architectural decision-making.
Installation
Add architecture-designer to your agent with:
/plugin marketplace add Jeffallan/claude-skills Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for architecture-designer is organised into these sections:
- Role Definition
- When to Use This Skill
- Core Workflow
- Reference Guide
- Constraints
- MUST DO
- MUST NOT DO
- Output Templates
- Architecture Diagram (Mermaid)
- ADR Example
When to use it
Reach for architecture-designer when you want design help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear MIT license — safe to read and adapt
- Ships in Jeffallan/claude-skills, an established project with 11,060 GitHub stars
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does architecture-designer do?
- Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions. Invoke to create architecture diagrams, write Architecture Decision Records (ADRs), evaluate technology trade-offs, design component interactions, and plan for scalability. Use for system design, architecture review, microservices structuring, ADR authoring, scalability planning, and infrastructure pattern selection — distinct from code-level design patterns or database-only design tasks.
- How do I install architecture-designer?
- Run /plugin marketplace add Jeffallan/claude-skills in your agent, then reload your skills. Review the source at https://github.com/Jeffallan/claude-skills before installing.
- Is architecture-designer free to use?
- Yes. architecture-designer is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Where does architecture-designer come from?
- architecture-designer ships inside Jeffallan/claude-skills, a repository that contains 41 catalogued skills in total. The repository's 11,060 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Design →把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow
锁死 1920×1080 画布, React 组件级自由组合, 不绑模板
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says "audit this design", "design review", "check this UI against Rams", "is this UI good", "critique this design", "design audit", or asks for a critique that should lead to a plan.
Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves + beat-synced cuts + sound design). Use when the user asks to turn a frontend project or webpage into a product video, says "use video-shotcraft to make a video/promo", names the Ink Press template or asks to reproduce its effect, or wants a single shot card's motion. 用镜头配方卡 + 已验收模板 + 代码/音频资产制作电影感产品视频(Remotion + 真实页面截图 + 2.5D 运镜 + 节奏卡点 + 声音设计)。当用户要求"用 video-shotcraft 做视频/宣传片"、把前端项目/网页做成产品视频、点名 Ink Press 模板或要求复刻模板片效果,或要用镜头卡做单个动效镜头时使用。