Token导航 LogoToken导航

Agent Skill · 前端设计

architecture-planner(建筑规划师)

architecture-planner 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

architecture-planner 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为调用外部服务;许可证为 MIT,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 7,023。

总安装 428周安装 18GitHub Stars 21下载 150核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/matteocervelli/llms --skill architecture-planner

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

该技能为功能实现提供组件架构与模块结构设计指导,强调分层与清晰边界。适用于遵循分层、六边形或清洁架构的项目,帮助建立可测试、可扩展的基础结构。通过定义接口层、业务逻辑层与数据访问层的分离,支持依赖注入与扩展点设计。安装前应核实仓库权限及是否允许修改项目结构或配置文件,建议结合现有代码验证兼容性。

不提供具体业务逻辑实现,聚焦于类型骨架与编译时约束,需后续开发补充细节。

来源仓库内路径:skills/architecture-planner

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/matteocervelli/llms --skill architecture-plann…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要调用外部服务,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

architecture-planner 怎么安装?

在终端执行 npx skills add https://github.com/matteocervelli/llms --skill architecture-planner。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

architecture-planner 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

architecture-planner 需要什么权限?

权限级别是调用外部服务。该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

architecture-planner 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

architecture-planner 用的人多吗?

公开数据是累计安装 428 次,近一周安装 18 次,下载 150 次,GitHub 21 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

architecture-planner 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
architecture-planner

建筑规划师 · 本页

42821调用外部服务MIT通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Purpose

The architecture-planner skill provides comprehensive guidance for designing component architecture and module structure in feature implementations. This skill helps the Architecture Designer agent plan clean, layered architectures following established patterns such as Layered Architecture, Hexagonal Architecture (Ports and Adapters), and Clean Architecture principles.

This skill emphasizes:

  • Clear component boundaries with single responsibilities
  • Layer separation between interfaces, business logic, and data access
  • Dependency injection for testability and flexibility
  • Extension points for future enhancements
  • Design patterns that improve maintainability

The architecture-planner skill is essential for creating implementations that are easy to test, maintain, and extend over time.

When to Use

This skill auto-activates when the agent describes:

  • "Plan component architecture for..."
  • "Design module structure with..."
  • "Separate concerns into layers..."
  • "Structure the codebase with..."
  • "Organize components using..."
  • "Define interfaces between..."
  • "Create extension points for..."
  • "Apply architectural pattern..."

Provided Capabilities

1. Component Identification and Boundaries

What it provides:

  • Identification of distinct components based on responsibilities
  • Clear component boundaries following Single Responsibility Principle
  • Component naming conventions and file organization
  • Determination of component granularity (not too large, not too small)

Guidance:

  • Each component should have ONE primary responsibility
  • Components should be independently testable
  • Components should have minimal coupling with others
  • Use descriptive names that reflect the component's purpose

Example:

# Good: Clear, focused components
components = [
    {
        "name": "FeatureProcessor",
        "responsibility": "Process feature requests according to business rules",
        "file": "src/core/processor.py"
    },
    {
        "name": "DataValidator",
        "responsibility": "Validate input data against schemas",
        "file": "src/core/validator.py"
    },
    {
        "name": "ResultFormatter",
        "responsibility": "Format processing results for output",
        "file": "src/core/formatter.py"
    }
]

# Bad: Too broad, multiple responsibilities
components = [
    {
        "name": "FeatureHandler",
        "responsibility": "Process, validate, format, store, and log features",
        "file": "src/feature_handler.py"  # Too many responsibilities!
    }
]

2. Layer Separation (Presentation, Business, Data)

What it provides:

  • Three-layer architecture design
  • Clear separation between concerns
  • Dependencies flow from outer layers (presentation) to inner layers (business logic)
  • Data layer abstraction through repositories or adapters

Layer Definitions:

Presentation Layer (Interfaces):

  • CLI interfaces
  • REST API endpoints
  • GraphQL resolvers
  • Event handlers
  • External system interfaces

Business Layer (Core):

  • Business logic and rules
  • Domain models and entities
  • Service orchestration
  • Use cases and workflows
  • Validation logic

Data Layer (Implementations):

  • Database adapters
  • External service clients
  • File system operations
  • Caching mechanisms
  • Data access repositories

Example:

# Layered Architecture Structure
architecture = {
    "presentation_layer": {
        "location": "src/interfaces/",
        "components": [
            "src/interfaces/cli/commands.py",
            "src/interfaces/api/routes.py",
            "src/interfaces/api/schemas.py"
        ],
        "dependencies": ["business_layer"]
    },
    "business_layer": {
        "location": "src/core/",
        "components": [
            "src/core/processor.py",
            "src/core/validator.py",
            "src/core/models.py",
            "src/core/services.py"
        ],
        "dependencies": ["data_layer (via interfaces)"]
    },
    "data_layer": {
        "location": "src/adapters/",
        "components": [
            "src/adapters/database.py",
            "src/adapters/external_api.py",
            "src/adapters/file_storage.py"
        ],
        "dependencies": ["external systems"]
    }
}

3. Dependency Injection Patterns

What it provides:

  • Constructor injection for required dependencies
  • Property injection for optional dependencies
  • Interface-based dependency injection
  • Dependency inversion principle application
  • Mock-friendly architecture for testing

Benefits:

  • Testability: Easy to inject mocks and test doubles
  • Flexibility: Change implementations without modifying client code
  • Decoupling: Components depend on abstractions, not concretions

Example:

# Good: Dependency Injection
from abc import ABC, abstractmethod
from typing import Protocol

# Define interface (abstraction)
class IDataRepository(Protocol):
    async def save(self, data: dict) -> bool:
        ...

    async def retrieve(self, id: str) -> dict:
        ...

# Business logic depends on interface
class FeatureProcessor:
    def __init__(self, repository: IDataRepository):
        """Inject repository dependency via constructor."""
        self.repository = repository

    async def process(self, feature_data: dict) -> dict:
        # Process data
        result = self._apply_business_rules(feature_data)

        # Save using injected repository
        await self.repository.save(result)

        return result

# Implementation can be swapped
class PostgresRepository:
    async def save(self, data: dict) -> bool:
        # PostgreSQL implementation
        pass

    async def retrieve(self, id: str) -> dict:
        # PostgreSQL implementation
        pass

class MongoRepository:
    async def save(self, data: dict) -> bool:
        # MongoDB implementation
        pass

    async def retrieve(self, id: str) -> dict:
        # MongoDB implementation
        pass

# Usage: Inject different implementations
processor_postgres = FeatureProcessor(PostgresRepository())
processor_mongo = FeatureProcessor(MongoRepository())

# Testing: Inject mock
class MockRepository:
    async def save(self, data: dict) -> bool:
        return True

    async def retrieve(self, id: str) -> dict:
        return {"id": id, "status": "test"}

processor_test = FeatureProcessor(MockRepository())

4. Module Organization and File Structure

What it provides:

  • Directory structure recommendations
  • File naming conventions
  • Module boundaries and dependencies
  • Import organization

Standard Structure:

src/
├── interfaces/          # Presentation layer
│   ├── cli/
│   │   └── commands.py
│   └── api/
│       ├── routes.py
│       └── schemas.py
├── core/                # Business layer
│   ├── models.py        # Domain models
│   ├── services.py      # Business services
│   ├── processor.py     # Core processing logic
│   └── validator.py     # Validation logic
├── adapters/            # Data layer
│   ├── database.py      # Database adapter
│   ├── external_api.py  # External API client
│   └── cache.py         # Cache adapter
├── config/              # Configuration
│   └── settings.py
└── utils/               # Shared utilities
    └── helpers.py

tests/
├── unit/                # Unit tests (mirror src structure)
│   ├── core/
│   └── adapters/
└── integration/         # Integration tests
    └── api/

5. Extension Points and Plugin Architecture

What it provides:

  • Strategy pattern for pluggable algorithms
  • Observer pattern for event handling
  • Factory pattern for object creation
  • Plugin registration mechanisms

Example:

# Extension point using Strategy Pattern
from abc import ABC, abstractmethod
from typing import Dict

class ProcessingStrategy(ABC):
    """Base class for processing strategies (extension point)."""

    @abstractmethod
    async def process(self, data: dict) -> dict:
        """Process data using specific strategy."""
        pass

class FastProcessingStrategy(ProcessingStrategy):
    """Fast processing with lower accuracy."""

    async def process(self, data: dict) -> dict:
        # Fast implementation
        return {"result": "fast"}

class AccurateProcessingStrategy(ProcessingStrategy):
    """Slower processing with higher accuracy."""

    async def process(self, data: dict) -> dict:
        # Accurate implementation
        return {"result": "accurate"}

# Plugin registration
class ProcessorFactory:
    _strategies: Dict[str, ProcessingStrategy] = {}

    @classmethod
    def register_strategy(cls, name: str, strategy: ProcessingStrategy):
        """Register new processing strategy (plugin)."""
        cls._strategies[name] = strategy

    @classmethod
    def get_strategy(cls, name: str) -> ProcessingStrategy:
        """Retrieve registered strategy."""
        return cls._strategies.get(name)

# Register built-in strategies
ProcessorFactory.register_strategy("fast", FastProcessingStrategy())
ProcessorFactory.register_strategy("accurate", AccurateProcessingStrategy())

# Users can register custom strategies
class CustomStrategy(ProcessingStrategy):
    async def process(self, data: dict) -> dict:
        return {"result": "custom"}

ProcessorFactory.register_strategy("custom", CustomStrategy())

6. Design Pattern Application

What it provides:

  • Repository Pattern for data access abstraction
  • Strategy Pattern for algorithm selection
  • Factory Pattern for object creation
  • Observer Pattern for event handling
  • Adapter Pattern for external system integration

Pattern Selection Guide:

  • Repository: Abstract data access logic
  • Strategy: Multiple algorithms for same operation
  • Factory: Complex object creation
  • Observer: Event-driven communication
  • Adapter: Integrate with external systems

Usage Guide

Step 1: Identify Core Functionality

Analyze requirements → Extract core features → Define boundaries

Step 2: Determine Layers

Identify interfaces (CLI, API) → Core logic → Data access

Step 3: Define Components

For each layer → List components → Define responsibilities

Step 4: Establish Dependencies

Map dependencies → Apply dependency injection → Define interfaces

Step 5: Select Patterns

Identify needs → Choose patterns → Document rationale

Step 6: Plan Extension Points

Identify future needs → Design plugin mechanisms → Document APIs

Step 7: Document Architecture

Create diagrams → Document decisions → Provide examples

Step 8: Validate Design

Check SOLID principles → Verify testability → Review maintainability

Best Practices

  1. Follow SOLID Principles

- Single Responsibility: Each component has one reason to change - Open/Closed: Open for extension, closed for modification - Liskov Substitution: Subtypes must be substitutable for base types - Interface Segregation: Many specific interfaces better than one general - Dependency Inversion: Depend on abstractions, not concretions

  1. Keep Components Small and Focused

- Maximum 500 lines per file - Single responsibility per component - Clear, descriptive names - Minimal coupling

  1. Use Dependency Injection

- Constructor injection for required dependencies - Avoid global state and singletons - Enable easy testing with mocks

  1. Design for Testability

- Inject dependencies - Use interfaces/protocols - Avoid static methods and global state - Keep business logic pure (no side effects)

  1. Document Architectural Decisions

- Explain pattern choices - Document trade-offs - Provide usage examples - Include diagrams

  1. Plan for Extension

- Identify likely future changes - Create extension points - Use plugin architectures - Version APIs

Resources

architecture-patterns.md

Comprehensive guide to architectural patterns including:

  • Layered Architecture (presentation, business, data layers)
  • Hexagonal Architecture (ports and adapters)
  • Event-Driven Architecture
  • Microservices patterns
  • Clean Architecture principles
  • Pattern selection criteria and trade-offs

component-design-guide.md

Detailed component design guidelines including:

  • Single Responsibility Principle application
  • Dependency Injection patterns and examples
  • Interface design best practices
  • Module boundary definition
  • Extension point design
  • Component interaction patterns

Example Usage

Input (from Architecture Designer agent):

"Design component architecture for a feature that processes user uploads, validates content, stores files, and sends notifications."

Output (architecture-planner skill provides):

architecture = {
    "layers": {
        "interfaces": [
            "src/interfaces/api/upload_routes.py - REST API endpoints",
            "src/interfaces/api/schemas.py - Request/response schemas"
        ],
        "core": [
            "src/core/upload_processor.py - Main processing orchestration",
            "src/core/content_validator.py - Content validation logic",
            "src/core/notification_service.py - Notification business logic",
            "src/core/models.py - Domain models"
        ],
        "adapters": [
            "src/adapters/file_storage.py - File storage adapter (S3/local)",
            "src/adapters/notification_client.py - Notification service client"
        ]
    },
    "components": [
        {
            "name": "UploadProcessor",
            "file": "src/core/upload_processor.py",
            "responsibility": "Orchestrate upload processing workflow",
            "dependencies": ["ContentValidator", "IFileStorage", "INotificationClient"],
            "interface": None,
            "pattern": "Service layer with dependency injection"
        },
        {
            "name": "ContentValidator",
            "file": "src/core/content_validator.py",
            "responsibility": "Validate uploaded content (size, type, malware scan)",
            "dependencies": [],
            "interface": None,
            "pattern": "Pure function (stateless validation)"
        },
        {
            "name": "IFileStorage",
            "file": "src/adapters/file_storage.py",
            "responsibility": "Abstract file storage operations",
            "dependencies": [],
            "interface": "Protocol/ABC",
            "pattern": "Repository pattern for file storage"
        }
    ],
    "patterns_applied": [
        "Dependency Injection: All services receive dependencies via constructor",
        "Repository Pattern: File storage abstraction through IFileStorage",
        "Strategy Pattern: Pluggable validators for different content types",
        "Adapter Pattern: External notification service wrapped in adapter"
    ],
    "extension_points": [
        "IFileStorage can support S3, Azure Blob, local filesystem",
        "ContentValidator can add new validation strategies",
        "INotificationClient can support email, SMS, push notifications"
    ]
}

Integration

Used By:

  • @architecture-designer (Primary) - Phase 2 sub-agent for architecture design

Integrates With:

  • data-modeler skill - Data models designed after component structure
  • api-designer skill - API contracts defined after component interfaces
  • sequential-thinking-mcp - Deep reasoning for pattern selection

Workflow Position:

  1. Analysis Specialist completes requirements analysis
  2. Architecture Designer receives analysis
  3. architecture-planner skill designs component structure (Step 3)
  4. data-modeler skill designs data models (Step 4)
  5. api-designer skill designs API contracts (Step 5)
  6. Results synthesized into PRP

Version: 2.0.0 Auto-Activation: Yes Phase: 2 - Design & Planning Created: 2025-10-29

平台分布

Codex

29.28%
按下载量换算44

Gemini CLI

22.44%
按下载量换算34

OpenCode

16.93%
按下载量换算25

Antigravity

11.04%
按下载量换算17

Claude Code

7.11%
按下载量换算11

Cursor

3.06%
按下载量换算5

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

调用外部服务

该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

继续浏览同类 Skills