Token导航 LogoToken导航

Agent Skill · 开发

create-technical-design(create technical 设计)

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

create-technical-design 是开发类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描已通过,按安装量在开发类的 21,746 个 Skill 里排第 20,201。

总安装 235周安装 10GitHub Stars 公开资料未说明下载 82核验 2026-05-01

安装说明

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

安装方式

通过对话安装

复制提示词发给支持本地命令或 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

这个 Skill 是做什么的

开发类 Skill 面向写代码、改代码和排查问题,一般会读写仓库文件,部分还会执行构建或测试命令。

用于辅助界面设计、视觉规范和交互体验优化,适合整理页面结构或生成 UI 方案。适用于产品场景的架构决策与系统结构设计,输出 API 契约、组件图和集成边界说明。使用时需结合品牌规范与设计系统,避免堆砌装饰元素;涉及页面改动应通过预览检查响应式表现。安装前建议确认宿主环境兼容性,并核对仓库维护状态与文件读写权限。

create-technical-design 属于开发类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/create-technical-design

上手步骤

4 步
  1. 1

    确认自己的宿主工具

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

  2. 2

    拿到安装命令

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

  3. 3

    安装后重启宿主

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

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

create-technical-design 怎么安装?

在终端执行 npx skills add https://github.com/emiliosheinz/agent-skills --skill create-technical-desig…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

create-technical-design 支持哪些 AI 工具?

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

create-technical-design 需要什么权限?

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

create-technical-design 是免费的吗?

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

create-technical-design 用的人多吗?

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

create-technical-design 安全吗?

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

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

值得选的地方

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

先想清楚的地方

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

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理开发类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

开发类 Skill 对比

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

技能审查员 · OpenClaw

8,779,018986操作浏览器MIT-0通过
ontology

本体论 · OpenClaw

6,636,960576只读MIT-0通过
entra-app-registration

内部应用程序注册 · Codex、Claude

6,631,872764接触敏感数据未明确通过
entra-app-registration

内部应用程序注册 · Codex、Claude

3,757,680201接触敏感数据未明确通过
nano-banana-pro

纳米香蕉专业版 · OpenClaw

3,526,898364接触敏感数据MIT-0有提醒
create-technical-design

create technical 设计 · 本页

235—需要联网未明确通过

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

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]

平台分布

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