Token导航 LogoToken导航TokenDH.com
开发需要联网github未标认证来源可访问许可证需确认审计通过

create-technical-designcreate technical 设计

Agent Skill

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

总安装

235

周安装

10

GitHub Stars

公开资料未说明

下载量

82
CodexClaudeCursorGemini CLI

安装说明

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

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/emiliosheinz/agent-skills --skill create-technical-design

简介

用于辅助界面设计、视觉规范和交互体验优化,适合整理页面结构或生成 UI 方案。

  • 适用于产品场景的架构决策与系统结构设计,输出 API 契约、组件图和集成边界说明。
  • 使用时需结合品牌规范与设计系统,避免堆砌装饰元素;涉及页面改动应通过预览检查响应式表现。
  • 安装前建议确认宿主环境兼容性,并核对仓库维护状态与文件读写权限。
  • create-technical-design 属于开发类 Skill,可作为该场景下的辅助能力补充。

SKILL.md

Technical Design Creator

Creates technical design documents that communicate architecture decisions, system structure, and key trade-offs. The output defines what to build and how it is structured — not how to execute the work step by step.

Core Principle: Architecture Over Implementation

Before adding any detail, ask: "If we change frameworks or libraries, does this still apply?"

  • YES → include it (architectural decision)
  • NO → exclude it (implementation detail)

Include: API contracts, data schemas, component diagrams, technology choices with rationale, event/log schemas, integration boundaries.

Exclude: CLI commands, code snippets, framework-specific syntax, file paths, tool-specific configuration.

The technical design must survive implementation changes. If the team migrates ORMs or rewrites a service, the design doc should remain valid.

Routing

  • Define requirements → /create-prd
  • Debate and decide options → /create-rfc
  • Record a finalized decision → /create-adr
  • Plan execution phases → /create-implementation-plan

Document Sections

Mandatory

If the user does not provide this information, ask using AskUserQuestion.

  1. Header & Metadata — tech lead, team, epic/ticket link, status, dates
  2. Context — current state, business domain, stakeholders (2–4 paragraphs)
  3. Problem Statement & Motivation — specific problems with quantified impact, why now, cost of inaction
  4. Scope — in-scope (V1/MVP, min 3 items), out-of-scope (min 3 items), future considerations (V2+)
  5. Technical Solution — architecture overview with diagram (Mermaid), key components and responsibilities, data flow, API contracts, database changes
  6. Key Decisions & Trade-offs — decisions made, alternatives rejected, rationale
  7. Risks — min 3 risks with impact (H/M/L), probability (H/M/L), and mitigation

Critical (required when applicable)

Determine applicability from project context. If applicable but missing, ask using AskUserQuestion.

SectionRequired When
Security ConsiderationsPayments, auth, PII, external integrations
Monitoring & ObservabilityProduction systems

Security: auth/authz approach, encryption (at rest, in transit), PII handling and retention, compliance requirements (GDPR, PCI DSS), secrets management, webhook signature validation.

Monitoring: key metrics with alert thresholds, structured log format and what never to log (secrets, card numbers), alert severity and response actions.

Suggested (offer based on project size)

After mandatory and critical sections, offer these. Skip most for small/simple projects; include all relevant ones for large/complex projects.

SectionWhen Valuable
Alternatives ConsideredMultiple viable approaches existed
Performance RequirementsLatency/throughput/availability targets
DependenciesExternal services, team dependencies, blockers
Migration PlanReplacing existing systems
Open QuestionsUnresolved decisions blocking implementation
Success MetricsBusiness KPIs, adoption targets
GlossaryDomain-specific terminology
Approval & Sign-offRequires stakeholder approval

Process

Step 1: Check for Upstream Artifacts

Before gathering context, look for an existing PRD at .specs/[feature-slug]/PRODUCT-REQUIREMENTS.md. If the feature slug is not yet known, ask for the feature name first and derive the slug.

  • PRD found: Read it. Use it as the source of truth for requirements, scope, and problem statement. Skip asking for information already covered by the PRD.
  • PRD not found: Proceed to gather context directly in Step 2.

Step 2: Gather Context

Ask for:

  • Project/feature name (if not already known from Step 1)
  • Project type (new feature, integration, refactor/migration, etc.)
  • Whether a clear problem statement exists or needs defining (skip if PRD was found)

Step 3: Collect Mandatory Information

Ensure you have enough to write all mandatory sections. Ask for anything missing (skip fields already answered by the PRD):

  • Tech lead and team members
  • Problem with impact (what, why, quantified consequences)
  • In-scope and out-of-scope items (min 3 each)
  • High-level solution approach
  • At least 3 risks

Step 4: Determine Critical Sections

Based on project type, identify required critical sections:

  • Payment/auth/PII projects: Security is mandatory
  • Production systems: Monitoring is mandatory

Step 5: Offer Suggested Sections

Based on project size, offer relevant suggested sections. Ask: "Would you like to include any of these sections?"

Step 6: Generate and Validate

File location: .specs/[feature-slug]/TECHNICAL-DESIGN.md — derive the slug from the feature name (lowercase, hyphen-separated). Create the directory if it does not exist.

Generate using the template below. Validate against the checklist. Highlight any gaps in the output summary.

Template

# Technical Design — [Project/Feature Name]

| Field        | Value                        |
| ------------ | ---------------------------- |
| Tech Lead    | @Name                        |
| Team         | Name1, Name2, Name3          |
| Epic/Ticket  | [Link]                       |
| Status       | Draft / In Review / Approved |
| Created      | YYYY-MM-DD                   |
| Last Updated | YYYY-MM-DD                   |

## Context

2–4 paragraphs: current state, related system/feature, business domain, stakeholders.

## Problem Statement & Motivation

### Problems We're Solving

- **[Problem 1]**: [Pain point] — Impact: [Quantify]
- **[Problem 2]**: [Pain point] — Impact: [Quantify]

### Why Now?

- [Business, technical, or user driver]

### Cost of Inaction

- **Business**: [Revenue loss, competitive disadvantage]
- **Technical**: [Debt accumulation, system degradation]
- **Users**: [Poor experience, churn risk]

## Scope

### In Scope (V1)

- [Capability 1]
- [Capability 2]
- [Capability 3]

### Out of Scope (V1)

- [Item 1] (deferred to V2)
- [Item 2] (not needed for MVP)
- [Item 3] (future enhancement)

### Future Considerations (V2+)

- [Item dependent on V1 validation]

## Technical Solution

### Architecture Overview

[High-level description of the solution]

**Key Components**:

- [Component A]: [responsibility]
- [Component B]: [responsibility]

**Architecture Diagram**:

[Mermaid diagram showing component interactions]

### Data Flow

1. [Step 1]: [Source] → [Destination] ([protocol/method])
2. [Step 2]: [Source] → [Destination] ([protocol/method])

### APIs & Endpoints

| Endpoint | Method | Description | Request | Response |
|----------|--------|-------------|---------|----------|
| [path]   | [verb] | [what it does] | [schema] | [schema/status] |

### Database Changes

**New Tables**: [TableName] — [description], fields with types, indexes with rationale

**Schema Modifications**: [Change with type, constraints, migration strategy]

## Key Decisions & Trade-offs

| Decision | Choice Made | Alternatives Rejected | Rationale |
|----------|-------------|-----------------------|-----------|
| [Topic]  | [Chosen]    | [Not chosen]          | [Why]     |

## Risks

| Risk | Impact | Probability | Mitigation |
|------|--------|-------------|------------|
| [Description] | H/M/L | H/M/L | [Strategy] |

Critical and suggested sections follow after Risks based on project type and size.

Validation Checklist

  • Header has tech lead, team, and epic link
  • Context has 2+ paragraphs with background and domain
  • Problem statement has 2+ specific problems with quantified impact
  • Scope has 3+ in-scope and 3+ out-of-scope items
  • Technical solution has architecture diagram and API contracts
  • Key decisions table is present with rationale
  • Risks has 3+ entries with impact, probability, and mitigation
  • Security section present (payment/auth/PII projects)
  • Monitoring section present (production systems)
  • No implementation details (code snippets, CLI commands, framework syntax)

Output Summary

After generating, provide:

Technical Design Created: "[Project Name]"
File: .specs/[feature-slug]/TECHNICAL-DESIGN.md

Sections Included:
- Mandatory (N/7): [list]
- Critical (N/N): [list]
- Suggested: [list]

Missing (if any):
- [Section]: [why it matters]

Suggested Next Steps:
- Share for team review
- Run /create-implementation-plan to plan execution
- [Other actionable items]

适合场景

01

用户想查找某类 Agent Skill 时

02

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

03

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

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

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

能力 4

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

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

平台分布

Codex

38.33%
按下载量换算31

Claude

29.23%
按下载量换算24

Cursor

19.04%
按下载量换算16

Gemini CLI

10.56%
按下载量换算9

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

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

安装前确认

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

来源信息

继续浏览同类 Skills