# Add Contributor

> Add Contributor

- Skill: `tomevault-io/add-contributor` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/add-contributor`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/add-contributor/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/add-contributor

---


# Add Contributor Skill

This skill automates adding a new contributor to the Goravel documentation contributor lists in `en/prologue/contributions.md` and `en/index.md`.

## Workflow

### 1. Input: GitHub Profile URL

The user provides a GitHub profile URL, e.g.:
```
https://github.com/hwbrzzl
```

### 2. Extract Username

From the URL, extract the username (e.g., `hwbrzzl`).

### 3. Fetch Avatar URL

Make a fetch request to the GitHub API to get the user's profile data:
- Endpoint: `https://api.github.com/users/{username}`
- Extract the `avatar_url` field from the JSON response
- The URL will be in the format: `https://avatars.githubusercontent.com/u/{user_id}?v=4`

### 4. Generate HTML Snippet

Create an HTML anchor tag with the avatar image:
```html
<a href="https://github.com/{username}" target="_blank"><img src="{avatar_url}" width="48" height="48"></a>
```

### 5. Add to Contribution Sections

Locate the appropriate sections:
- `en/prologue/contributions.md`
- **Contributors** section: Add to the Contributors `<div>` block
- **Core Developers** section: Add to the Core Developers `<div>` block (if applicable)
- `en/index.md`
- **Contributors** section: Add to the contributors avatar list under `## Contributors`

Insert the HTML snippet as a new line in both files:
- In `en/prologue/contributions.md`, insert before the closing `</div>` tag of the target list.
- In `en/index.md`, insert in the contributors avatar list before the closing `</div>` of the contributors block.

### 6. Update Documentation

Update both files and verify the contributor appears correctly in the rendered documentation.

## Implementation Steps

1. Request the GitHub profile URL from the user
2. Extract the username from the URL
3. Fetch user data from GitHub API to get the avatar URL
4. Create the HTML contributor entry
5. Insert into the appropriate section of `en/prologue/contributions.md`
6. Insert into the `## Contributors` list in `en/index.md`
7. Confirm addition in both files

## Example

**Input:** `https://github.com/hwbrzzl`

**Extracted User ID from API:** `108449432`

**Generated Snippet:**
```html
<a href="https://github.com/hwbrzzl" target="_blank"><img src="https://avatars.githubusercontent.com/u/108449432?v=4" width="48" height="48"></a>
```

**Location in Files:**
- `en/prologue/contributions.md`: Added to Contributors section before `</div>` closing tag
- `en/index.md`: Added to Contributors section before the closing `</div>`

---
> Source: [goravel/docs](https://github.com/goravel/docs) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-06-21 -->