Token导航 LogoToken导航

Agent Skill · 前端设计

stack-architecture(堆栈架构)

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

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

总安装 218周安装 9GitHub Stars 26下载 71核验 2026-05-01

安装说明

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

安装方式

通过对话安装

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

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

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/outfitter-dev/agents --skill stack-architecture

这个 Skill 是做什么的

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

用于处理 GitHub 仓库与代码协作相关信息。适合在 Agent 需要围绕仓库状态进行整理时使用。可结合原始 README 继续核验具体功能细节。安装前需确认权限范围与维护状态。stack-architecture 属于前端设计类 Skill,可作为该场景下的辅助能力补充。不建议直接执行写入操作或修改协作流程。

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

上手步骤

4 步
  1. 1

    确认自己的宿主工具

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

  2. 2

    拿到安装命令

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

  3. 3

    安装后重启宿主

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

  4. 4

    按最小权限试用

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

常见问题

6 条

stack-architecture 怎么安装?

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

stack-architecture 支持哪些 AI 工具?

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

stack-architecture 需要什么权限?

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

stack-architecture 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

stack-architecture 用的人多吗?

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

stack-architecture 安全吗?

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

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

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 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只读未明确通过
stack-architecture

堆栈架构 · 本页

21826调用外部服务未明确通过

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

SKILL.md 原文

Stack Architecture Design

Design transport-agnostic handler systems with proper Result types and error taxonomy.

Process

Step 1: Understand Requirements

Gather information about:

  • Transport surfaces — CLI, MCP, HTTP, or all?
  • Domain operations — What actions does the system perform?
  • Failure modes — What can go wrong? (maps to error taxonomy)
  • External dependencies — APIs, databases, file system?

Step 2: Design Handler Layer

For each domain operation:

  1. Define input type (Zod schema)
  2. Define output type
  3. Identify possible error types (from taxonomy)
  4. Write handler signature: Handler<Input, Output, Error1 | Error2>

Example:

// Input schema
const CreateUserInputSchema = z.object({
  email: z.string().email(),
  name: z.string().min(1),
});

// Output type
interface User {
  id: string;
  email: string;
  name: string;
}

// Handler signature
const createUser: Handler<unknown, User, ValidationError | ConflictError>;

Step 3: Map Errors to Taxonomy

Map domain errors to the 10 categories:

Domain ErrorStack CategoryError Class
Not foundnot_foundNotFoundError
Invalid inputvalidationValidationError
Already existsconflictConflictError
No permissionpermissionPermissionError
Auth requiredauthAuthError
Timed outtimeoutTimeoutError
Connection failednetworkNetworkError
Limit exceededrate_limitRateLimitError
Bug/unexpectedinternalInternalError
User cancelledcancelledCancelledError

Step 4: Choose Packages

Packages are organized into three tiers:

Package Tiers
┌─────────────────────────────────────────────────────────────────┐
│                        TOOLING TIER                              │
│  Build-time, dev-time, test-time packages                       │
│  @outfitter/testing                                             │
└─────────────────────────────────────────────────────────────────┘
                              ▲
                              │ depends on
┌─────────────────────────────────────────────────────────────────┐
│                        RUNTIME TIER                              │
│  Application-specific packages for different deployment targets  │
│  @outfitter/cli    @outfitter/mcp    @outfitter/daemon          │
│  @outfitter/config @outfitter/logging @outfitter/file-ops       │
│  @outfitter/state                                               │
└─────────────────────────────────────────────────────────────────┘
                              ▲
                              │ depends on
┌─────────────────────────────────────────────────────────────────┐
│                       FOUNDATION TIER                            │
│  Zero-runtime-dependency core packages                          │
│  @outfitter/contracts    @outfitter/types                       │
└─────────────────────────────────────────────────────────────────┘
TierPackagesDependency Rule
Foundationcontracts, typesNo @outfitter/* deps
Runtimecli, mcp, daemon, config, logging, file-ops, stateMay depend on Foundation
ToolingtestingMay depend on Foundation + Runtime
Package Selection
PackagePurposeWhen to Use
@outfitter/contractsResult types, errors, Handler contractAlways (foundation)
@outfitter/typesType utilities, collection helpersType manipulation
@outfitter/cliCLI commands, output modes, formattingCLI applications
@outfitter/mcpMCP server, tool registrationAI agent tools
@outfitter/configXDG paths, config loadingConfiguration needed
@outfitter/loggingStructured logging, redactionLogging needed
@outfitter/daemonBackground services, IPCLong-running services
@outfitter/file-opsSecure paths, atomic writes, lockingFile operations
@outfitter/statePagination, cursor statePaginated data
@outfitter/testingTest harnesses, fixturesTesting

Selection criteria:

  • All projects need @outfitter/contracts (foundation)
  • CLI applications add @outfitter/cli (includes UI components)
  • MCP servers add @outfitter/mcp
  • File operations need both @outfitter/config (paths) and @outfitter/file-ops (safety)

Step 5: Design Context Flow

Determine:

  • Entry points — Where is context created? (CLI main, MCP server, HTTP handler)
  • Context contents — Logger, config, signal, workspaceRoot
  • Tracing — How requestId flows through operations

Output Templates

Architecture Overview

Project: {PROJECT_NAME}
Transport Surfaces: {CLI | MCP | HTTP | ...}

Directory Structure:
├── src/
│   ├── handlers/           # Transport-agnostic business logic
│   │   ├── {handler-1}.ts
│   │   └── {handler-2}.ts
│   ├── commands/           # CLI adapter (if CLI)
│   ├── tools/              # MCP adapter (if MCP)
│   └── index.ts            # Entry point
└── tests/
    └── handlers/           # Handler tests

Dependencies:
├── @outfitter/contracts    # Foundation (always)
├── @outfitter/{package-2}  # {reason}
└── @outfitter/{package-3}  # {reason}

Handler Inventory

HandlerInputOutputErrorsDescription
getUserGetUserInputUserNotFoundErrorFetch user by ID
createUserCreateUserInputUserValidationError, ConflictErrorCreate new user
deleteUserDeleteUserInputvoidNotFoundError, PermissionErrorRemove user

Error Strategy

Domain Errors → Stack Taxonomy:

{domain-error-1} → {stack-category} ({ErrorClass})
  - When: {condition}
  - Exit code: {code}

{domain-error-2} → {stack-category} ({ErrorClass})
  - When: {condition}
  - Exit code: {code}

Implementation Order

  1. Foundation — Install packages, create types
  2. Core handlers — Implement business logic with tests
  3. Transport adapters — Wire up CLI/MCP/HTTP
  4. Testing — Integration tests across transports

Constraints

Always:

  • Recommend Result types over exceptions
  • Map domain errors to taxonomy categories
  • Design handlers as pure functions (input, context) → Result
  • Consider all transport surfaces upfront
  • Include error types in handler signatures

Never:

  • Suggest throwing exceptions
  • Design transport-specific logic in handlers
  • Recommend hardcoded paths
  • Skip error type planning
  • Couple handlers to specific transports

Related Skills

  • outfitter-stack:stack-patterns — Reference for all patterns
  • outfitter:tdd — TDD implementation methodology
  • outfitter-stack:stack-templates — Templates for components

平台分布

Codex

32.01%
按下载量换算23

Claude

31.49%
按下载量换算22

Cursor

19.13%
按下载量换算14

Gemini CLI

9.41%
按下载量换算7

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

调用外部服务

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

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills