Token导航 LogoToken导航

Agent Skill · 前端设计

technical-writing(技术写作)

用于辅助文档、README、Markdown、说明文和内容稿件的整理与改写。它适合让 Agent 提炼结构、补齐章节、统一术语、检查链接或把零散材料整理成可读文档。使用时应保留项目已有事实、命令和路径,不要把未确认的信息写成确定结论;涉及对外文案时,还需要控制语气,避免过度营销或夸大能力。

technical-writing 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为接触敏感数据;许可证为 MIT,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 60。

总安装 289,224周安装 11,708GitHub Stars 88下载 90,792核验 2026-05-01

安装说明

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

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/supercent-io/skills-template --skill technical-writing

这个 Skill 是做什么的

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

为规范、架构、运行手册和 API 创建清晰、全面的技术文档。

提供五种文档类型的模板和分步指南:技术规范、架构文档、运行手册、API 文档和变更日志 包括针对开发人员、运营团队、经理和最终用户的针对特定受众的写作策略,并重点关注定制内容 通过美人鱼图、流程图、表格和带有语法突出显示的代码示例提供视觉辅助支持 涵盖清晰度、结构、一致性和维护的最佳实践,以及自我审查清单和要避免的常见错误

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

上手步骤

4 步
  1. 1

    确认自己的宿主工具

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

  2. 2

    拿到安装命令

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

  3. 3

    安装后重启宿主

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

  4. 4

    按最小权限试用

    它需要接触敏感数据,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

technical-writing 怎么安装?

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

technical-writing 支持哪些 AI 工具?

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

technical-writing 需要什么权限?

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

technical-writing 是免费的吗?

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

technical-writing 用的人多吗?

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

technical-writing 安全吗?

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

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

值得选的地方

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

先想清楚的地方

  • 需要接触敏感数据,装到常用环境前要先评估影响面。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

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

不太适合

  • 环境里有大量密钥、凭证,不方便给第三方 Skill 读取的人。
  • 需要厂商级技术支持和 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只读未明确通过
technical-writing

技术写作 · 本页

289,22488接触敏感数据MIT通过

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

SKILL.md 原文

Technical Writing

When to use this skill

  • Writing technical specifications
  • Creating architecture documentation
  • Documenting system designs
  • Writing runbooks and operational guides
  • Creating developer documentation
  • API documentation
  • User manuals and guides
  • Release notes and changelogs

Instructions

Step 1: Understand your audience

Developer audience:

  • Focus on implementation details
  • Include code examples
  • Technical terminology is okay
  • Show how, not just what

DevOps/Operations audience:

  • Focus on deployment and maintenance
  • Include configuration examples
  • Emphasize monitoring and troubleshooting
  • Provide runbooks

Manager/Stakeholder audience:

  • High-level overview
  • Business impact
  • Minimal technical jargon
  • Focus on outcomes

End user audience:

  • Simple, clear language
  • Step-by-step instructions
  • Visual aids (screenshots, videos)
  • FAQ section

Step 2: Choose the right document type

Technical Specification:

# [Feature Name] Technical Specification

## Overview
Brief description of what this spec covers

## Problem Statement
What problem are we solving?

## Goals and Non-Goals
### Goals
- Goal 1
- Goal 2

### Non-Goals
- What we're explicitly not doing

## Solution Design
### High-Level Architecture
### Data Models
### API Contracts
### User Interface

## Implementation Plan
### Phase 1
### Phase 2

## Testing Strategy

## Security Considerations

## Performance Considerations

## Monitoring and Alerting

## Rollout Plan

## Rollback Plan

## Open Questions

## References

Architecture Document:

# System Architecture

## Overview
High-level system description

## Architecture Diagram
[Insert diagram]

## Components
### Component 1
- Responsibility
- Technology stack
- Interfaces

### Component 2
...

## Data Flow
How data moves through the system

## Key Design Decisions
### Decision 1
- Context
- Options considered
- Decision made
- Rationale

## Technology Stack
- Frontend: React, TypeScript
- Backend: Python, FastAPI
- Database: PostgreSQL
- Infrastructure: AWS, Docker, Kubernetes

## Scalability
How the system scales

## Security
Authentication, authorization, data protection

## Monitoring and Observability
Metrics, logs, tracing

## Disaster Recovery
Backup and recovery procedures

## Future Considerations

Runbook:

# [Service Name] Runbook

## Service Overview
What this service does

## Dependencies
- Service A
- Service B
- Database X

## Deployment
### How to deploy

./deploy.sh production


### Rollback

./rollback.sh


## Monitoring

### Key Metrics

- Request rate
- Error rate
- Latency

### Dashboards

- [Production Dashboard](https://github.com/supercent-io/skills-template/blob/HEAD/.agent-skills/technical-writing/link)
- [Alerts](https://github.com/supercent-io/skills-template/blob/HEAD/.agent-skills/technical-writing/link)

## Common Issues

### Issue 1: High latency

**Symptoms**: Response time > 1s **Diagnosis**: Check database connection pool **Resolution**: Restart service or scale up

### Issue 2: Memory leak

**Symptoms**: Memory usage growing over time **Diagnosis**: Check heap dump **Resolution**: Restart service, investigate in staging

## Troubleshooting

### How to check logs

kubectl logs -f deployment/service-name


### How to access metrics

curl https://api/metrics


## Emergency Contacts

- On-call: [PagerDuty](https://github.com/supercent-io/skills-template/blob/HEAD/.agent-skills/technical-writing/link)
- Team Slack: #team-name

API Documentation:

# API Documentation

## Authentication
All requests require authentication:

curl -H "Authorization: Bearer YOUR_TOKEN" \ https://api.example.com/endpoint


## Endpoints

### List Users

GET /api/v1/users


**Parameters**:

| Name | Type | Required | Description |
| --- | --- | --- | --- |
| page | integer | No | Page number (default: 1) |
| limit | integer | No | Items per page (default: 20) |

**Example Request**:

curl -X GET "https://api.example.com/api/v1/users?page=1&limit=20" \ -H "Authorization: Bearer YOUR_TOKEN"


**Example Response**:

{ "data": [ { "id": 1, "name": "John Doe", "email": "john@example.com" } ], "pagination": { "page": 1, "limit": 20, "total": 100 } }


**Error Responses**:

| Status | Description |
| --- | --- |
| 400 | Bad Request |
| 401 | Unauthorized |
| 500 | Server Error |

Step 3: Writing guidelines

Clarity:

  • Use simple, direct language
  • One idea per sentence
  • Short paragraphs (3-5 sentences)
  • Define technical terms
  • Avoid jargon when possible

Structure:

  • Use hierarchical headings (H1, H2, H3)
  • Break content into sections
  • Use lists for multiple items
  • Use tables for structured data
  • Add table of contents for long docs

Examples:

  • Include code examples
  • Provide diagrams
  • Show before/after comparisons
  • Real-world scenarios

Completeness:

  • Cover prerequisites
  • Include error handling
  • Document edge cases
  • Explain why, not just how
  • Link to related docs

Consistency:

  • Consistent terminology
  • Consistent formatting
  • Consistent code style
  • Consistent structure

Step 4: Visual aids

Architecture diagrams (Mermaid):

graph TB
    A[Client] -->|HTTP| B[Load Balancer]
    B --> C[Web Server 1]
    B --> D[Web Server 2]
    C --> E[Database]
    D --> E

Sequence diagrams:

sequenceDiagram
    Client->>+Server: Request
    Server->>+Database: Query
    Database-->>-Server: Data
    Server-->>-Client: Response

Flowcharts:

flowchart TD
    A[Start] --> B{Is valid?}
    B -->|Yes| C[Process]
    B -->|No| D[Error]
    C --> E[End]
    D --> E

Code blocks with syntax highlighting:

def calculate_total(items: List[Item]) -> Decimal:
    """Calculate total price of items."""
    return sum(item.price for item in items)

Screenshots:

  • Use for UI documentation
  • Annotate important parts
  • Keep up-to-date with UI changes

Tables:

ParameterTypeDefaultDescription
timeoutint30Request timeout in seconds
retriesint3Number of retry attempts

Step 5: Review and refine

Self-review checklist:

  • Clear purpose stated upfront
  • Logical flow of information
  • All terms defined
  • Code examples tested
  • Links work
  • Diagrams are clear
  • No typos or grammar errors
  • Consistent formatting
  • Table of contents (if needed)
  • Last updated date

Get feedback:

  • Have someone from target audience review
  • Test instructions (can they follow them?)
  • Check for missing information
  • Verify accuracy

Maintain documentation:

  • Update with code changes
  • Version your docs
  • Archive outdated docs
  • Regular review cycle

Document templates

Technical Spec Template

# [Feature Name] Technical Spec

**Author**: [Your Name]
**Date**: [Date]
**Status**: [Draft/Review/Approved]

## Overview
[1-2 paragraphs describing what this document covers]

## Background
[Context and motivation]

## Goals
- Goal 1
- Goal 2

## Non-Goals
- What we're not doing

## Detailed Design
[Technical details]

## Alternatives Considered
[Other approaches and why we didn't choose them]

## Timeline
- Week 1: ...
- Week 2: ...

## Open Questions
- Question 1
- Question 2

## Features
- Feature 1
- Feature 2

## Installation

### Prerequisites
- Node.js >= 14
- npm >= 6

### Setup

git clone https://github.com/user/project.git cd project npm install


## Usage

npm start


## Configuration

Environment variables:

- `API_KEY`: Your API key
- `PORT`: Server port (default: 3000)

## Development

npm run dev npm test


## Deployment

[Deployment instructions]

## Contributing

[Contributing guidelines]

## License

MIT

Changelog Template

# Changelog

## [1.2.0] - 2024-01-15

### Added
- New feature X
- Support for Y

### Changed
- Improved performance of Z
- Updated dependency A to v2.0

### Fixed
- Bug where user couldn't login
- Memory leak in background task

### Deprecated
- Old API endpoint /v1/users (use /v2/users)

### Removed
- Legacy authentication method

### Security
- Fixed XSS vulnerability in comments

## [1.1.0] - 2024-01-01
...

Writing tips

Use active voice

✅ Good: "The system sends a notification"
❌ Bad: "A notification is sent by the system"

Be concise

✅ Good: "Click Save to save changes"
❌ Bad: "In order to save your changes, you should click on the Save button"

Use examples

✅ Good:
"Set the timeout in seconds:

timeout: 30


❌ Bad: "Configure the timeout parameter appropriately"

Break down complexity


✅ Good: "To deploy:

1. Build the image
2. Push to registry
3. Update deployment
4. Verify rollout"

❌ Bad: "Deploy by building and pushing the image to the registry, then update the deployment and verify the rollout succeeded"

Common mistakes to avoid

  1. Assuming knowledge: Define terms, explain context
  2. Outdated docs: Keep in sync with code
  3. Missing examples: Always include examples
  4. No visuals: Use diagrams for complex concepts
  5. Poor structure: Use headings and sections
  6. Passive voice: Use active voice
  7. Too much jargon: Write for your audience
  8. No version info: Date docs, note versions
  9. Missing error cases: Document what can go wrong
  10. No maintenance: Update regularly

Best practices

  1. Write for your audience: Match their knowledge level
  2. Start with why: Explain the purpose
  3. Show, don't just tell: Use examples
  4. Be consistent: Terminology, style, structure
  5. Test your docs: Can someone follow them?
  6. Version your docs: Track with code versions
  7. Use templates: Consistency across docs
  8. Link related docs: Help readers find more info
  9. Update with code: Docs are part of the code
  10. Review regularly: Quarterly doc review

Tools

Diagram tools:

  • Mermaid (markdown-based)
  • Draw.io
  • Lucidchart
  • PlantUML

Documentation platforms:

  • GitBook
  • Docusaurus
  • MkDocs
  • Sphinx

Style checkers:

  • Grammarly
  • Hemingway Editor
  • Vale

Screenshot tools:

  • Snagit
  • CloudApp
  • Loom (for videos)

Examples

Example 1: Basic usage

<!-- Add example content here -->

Example 2: Advanced usage

<!-- Add advanced example content here -->

平台分布

Claude Code

27.35%
按下载量换算24,832

Codex

22.26%
按下载量换算20,210

OpenCode

18.45%
按下载量换算16,751

Gemini CLI

12.4%
按下载量换算11,258

Antigravity

7.51%
按下载量换算6,818

Cursor

3.7%
按下载量换算3,359

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

安装前确认

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

继续浏览同类 Skills