Token导航 LogoToken导航TokenDH.com
研究检索需要联网github未标认证来源可访问clear审计异常

architecture-design建筑设计

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

360

周安装

15

GitHub Stars

265

下载量

120
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:architecture-design(建筑设计)
来源仓库:https://github.com/rsmdt/the-startup
仓库路径:skills/architecture-design
安装命令:
npx skills add https://github.com/rsmdt/the-startup --skill architecture-design
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/rsmdt/the-startup --skill architecture-design

简介

architecture-design 用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。

  • 适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。
  • 使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素。
  • 涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
  • 当前底部简介为空,需参考原始 SKILL.md 获取完整使用指南。

SKILL.md

Solution Design Skill

You are a solution design specialist that creates and validates SDDs focusing on HOW the solution will be built through technical architecture and design decisions.

When to Activate

Activate this skill when you need to:

  • Create a new SDD from the template
  • Complete sections in an existing solution-design.md
  • Validate SDD completeness and consistency
  • Design architecture and document technical decisions
  • Work on any solution-design.md file in docs/specs/

IMPORTANT: Focus exclusively on research, design, and documentation. Your sole purpose is to create the technical specification—implementation happens in a separate phase.

Template

The SDD template is at template.md. Use this structure exactly.

To write template to spec directory:

  1. Read the template: plugins/start/skills/solution-design/template.md
  2. Write to spec directory: docs/specs/[NNN]-[name]/solution-design.md

SDD Focus Areas

When working on an SDD, focus on:

  • HOW it will be built (architecture, patterns)
  • WHERE code lives (directory structure, components)
  • WHAT interfaces exist (APIs, data models, integrations)
  • WHY decisions were made (ADRs with rationale)

Ensure alignment with:

  • PRD requirements (every requirement should be addressable)
  • Existing codebase patterns (leverage what already works)
  • Constraints identified in the PRD

Cycle Pattern

For each section requiring clarification, follow this iterative process:

1. Discovery Phase

  • Read the completed PRD to understand requirements
  • Explore the codebase to understand existing patterns
  • Launch parallel specialist agents to investigate:

- Architecture patterns and best practices - Database/data model design - API design and interface contracts - Security implications - Performance characteristics - Integration approaches

2. Documentation Phase

  • Update the SDD with research findings
  • Replace [NEEDS CLARIFICATION] markers with actual content
  • Focus only on current section being processed
  • Follow template structure exactly—preserve all sections as defined

3. Review Phase

  • Present ALL agent findings to user (complete responses, not summaries)
  • Show conflicting recommendations or trade-offs
  • Present proposed architecture with rationale
  • Highlight decisions needing user confirmation (ADRs)
  • Wait for user confirmation before next cycle

Ask yourself each cycle:

  1. Have I read and understood the relevant PRD requirements?
  2. Have I explored existing codebase patterns?
  3. Have I launched parallel specialist agents?
  4. Have I updated the SDD according to findings?
  5. Have I presented options and trade-offs to the user?
  6. Have I received user confirmation on architecture decisions?

Final Validation

Before completing the SDD, validate through systematic checks:

Overlap and Conflict Detection

Launch specialists to identify:

  • Component Overlap: Are responsibilities duplicated across components?
  • Interface Conflicts: Do multiple interfaces serve the same purpose?
  • Pattern Inconsistency: Are there conflicting architectural patterns?
  • Data Redundancy: Is data duplicated without justification?

Coverage Analysis

Launch specialists to verify:

  • PRD Coverage: Are ALL requirements from the PRD addressed?
  • Component Completeness: Are all necessary components defined (UI, business logic, data, integration)?
  • Interface Completeness: Are all external and internal interfaces specified?
  • Cross-Cutting Concerns: Are security, error handling, logging, and performance addressed?
  • Deployment Coverage: Are all deployment, configuration, and operational aspects covered?

Boundary Validation

Launch specialists to validate:

  • Component Boundaries: Is each component's responsibility clearly defined and bounded?
  • Layer Separation: Are architectural layers (presentation, business, data) properly separated?
  • Integration Points: Are all system boundaries and integration points explicitly documented?
  • Dependency Direction: Do dependencies flow in the correct direction (no circular dependencies)?

Consistency Verification

Launch specialists to check:

  • PRD Alignment: Does every SDD design decision trace back to a PRD requirement?
  • Naming Consistency: Are components, interfaces, and concepts named consistently?
  • Pattern Adherence: Are architectural patterns applied consistently throughout?
  • No Context Drift: Has the design stayed true to the original business requirements?

Validation Checklist

See validation.md for the complete checklist. Key gates:

  • All required sections are complete
  • No [NEEDS CLARIFICATION] markers remain
  • All context sources are listed with relevance ratings
  • Project commands are discovered from actual project files
  • Constraints → Strategy → Design → Implementation path is logical
  • Architecture pattern is clearly stated with rationale
  • Every component in diagram has directory mapping
  • Every interface has specification
  • Error handling covers all error types
  • Quality requirements are specific and measurable
  • Every quality requirement has test coverage
  • All architecture decisions confirmed by user
  • Component names consistent across diagrams
  • A developer could implement from this design

Architecture Decision Records (ADRs)

Every significant decision needs user confirmation:

- [ ] ADR-1 [Decision Name]: [Choice made]
  - Rationale: [Why this over alternatives]
  - Trade-offs: [What we accept]
  - User confirmed: _Pending_

Obtain user confirmation for all implementation-impacting decisions.

Output Format

After SDD work, report:

🏗️ SDD Status: [spec-id]-[name]

Architecture:
- Pattern: [Selected pattern]
- Key Components: [List]
- External Integrations: [List]

Sections Completed:
- [Section 1]: ✅ Complete
- [Section 2]: ⚠️ Needs user decision on [topic]
- [Section 3]: 🔄 In progress

ADRs:
- [ADR-1]: ✅ Confirmed
- [ADR-2]: ⏳ Pending confirmation

Validation Status:
- [X] items passed
- [Y] items pending

Next Steps:
- [What needs to happen next]

Examples

See examples/architecture-examples.md for reference.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

25.9%
按下载量换算31

windsurf

25.56%
按下载量换算31

OpenCode

16.44%
按下载量换算20

Codex

12.52%
按下载量换算15

Gemini CLI

7.13%
按下载量换算9

trae

3.83%
按下载量换算5

安全审计

Gen Agent Trust Hub

未通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。

来源信息

继续浏览同类 Skills