---
slug: "myvibe-skills"
source_type: "readme"
source_url: "https://cdn.jsdelivr.net/gh/arcblock/myvibe-skills@main/README.md"
repo: "https://github.com/arcblock/myvibe-skills"
source_file: "README.md"
branch: "main"
---
# MyVibe Skills

<p align="center">
  <img src="./logo.svg" alt="MyVibe Skills" width="120">
</p>

<p align="center">
  <img src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2FArcBlock%2Fmyvibe-skills%2Fmain%2F.claude-plugin%2Fmarketplace.json&query=%24.metadata.version&label=version&style=for-the-badge&color=blue" alt="Version">
  <img src="https://img.shields.io/badge/Agent_Skill-blueviolet?style=for-the-badge" alt="Agent Skill">
  <img src="https://img.shields.io/badge/MCP-Compatible-blue?style=for-the-badge" alt="MCP Compatible">
  <a href="https://github.com/ArcBlock/myvibe-skills/blob/main/LICENSE.md">
    <img src="https://img.shields.io/badge/license-Apache%202.0-green?style=for-the-badge" alt="License">
  </a>
  <a href="https://github.com/ArcBlock/myvibe-skills/stargazers">
    <img src="https://img.shields.io/github/stars/ArcBlock/myvibe-skills?style=for-the-badge" alt="GitHub Stars">
  </a>
</p>

<p align="center">
  English | <a href="./README.zh.md">中文</a>
</p>

An AI skill that publishes your web projects to [MyVibe](https://www.myvibe.so).
Auto-detects project type, builds if needed, and deploys seamlessly.

## What is MyVibe?

[MyVibe](https://www.myvibe.so) is a platform for instantly deploying AI-generated web projects. Whether you're building with Claude Code, Cursor, Codex, Windsurf, or any other AI coding agent, MyVibe lets you publish your creations to a permanent URL in seconds.

**Key highlights:**
- Deploy in under 60 seconds
- Permanent URLs for your projects
- Support for any static web project
- Explore and discover community creations

## How it Works

```mermaid
flowchart LR
    A[Detect Project Type] --> B[Build if needed]
    B --> C[Publish to MyVibe]

    A -.- A1[Static/Vite/Next.js/Astro]
    B -.- B1[npm/pnpm/yarn/bun]
    C -.- C1[Auto metadata & screenshot]
```

## Features

| Feature | Description |
|---------|-------------|
| **Smart Detection** | Auto-detect Static, Vite, Next.js, Astro, Nuxt, Monorepo |
| **Build Integration** | Supports npm, pnpm, yarn, bun |
| **Metadata Extraction** | Title, description, tags from HTML/package.json/README |
| **Version Control** | Auto-track and update existing Vibes |
| **Cover Image** | Auto-generate screenshot as cover |
| **Tag Matching** | Smart tag suggestions from MyVibe hub |

## Installation

```bash
npx skills add ArcBlock/myvibe-skills
```

> Powered by [skills](https://github.com/vercel-labs/skills) — supports Claude Code, Cursor, Codex, Gemini CLI, and [35+ more agents](https://github.com/vercel-labs/skills#supported-agents).

Or simply tell your AI coding agent:

> Please install Skills from github.com/ArcBlock/myvibe-skills

<details>
<summary><b>Via Claude Code Plugin Marketplace</b></summary>

```bash
# Register marketplace
/plugin marketplace add ArcBlock/myvibe-skills

# Install plugin
/plugin install myvibe@myvibe-skills
```

</details>

## Use with OpenClaw

Publish your projects via OpenClaw:

1. Visit [MyVibe OpenClaw page](https://www.myvibe.so/openclaw)
2. Sign in and click "Generate Publish Prompt"
3. Copy the prompt and paste it into OpenClaw

The prompt includes skill installation, credential setup, and publish instructions — OpenClaw handles the rest. The credential is saved automatically and persists across sessions.

## Quick Start

Just tell your AI assistant what you want in natural language:

```
/myvibe-publish Publish this project to MyVibe
```

```
/myvibe-publish Publish the ./dist directory to MyVibe
```

```
/myvibe-publish Publish index.html as a private Vibe
```

```
/myvibe-publish Publish the ./dist.zip file to MyVibe
```

That's it! The skill handles detection, building, and publishing automatically.

<details>
<summary><b>Advanced Options</b></summary>

You can also pass options explicitly:

| Option | Alias | Description |
|--------|-------|-------------|
| `--file <path>` | `-f` | Path to HTML file or ZIP archive |
| `--dir <path>` | `-d` | Directory to publish |
| `--hub <url>` | `-h` | MyVibe URL (default: https://www.myvibe.so/) |
| `--title <title>` | `-t` | Project title |
| `--desc <desc>` | | Project description |
| `--visibility <vis>` | `-v` | Visibility: public or private (default: public) |
| `--did <did>` | | Vibe DID for version update |
| `--new` | | Force create new Vibe, ignore history |

</details>

## FAQ

<details>
<summary><b>What types of projects can I publish?</b></summary>

Any static web project can be published, including:
- Single HTML files
- Static sites (HTML/CSS/JS)
- Built output from Vite, Next.js, Astro, Nuxt, etc.
- ZIP archives containing web content
- Projects generated by AI coding agents

</details>

<details>
<summary><b>Can I update an existing Vibe?</b></summary>

Yes! The skill automatically tracks your publish history. When you publish from the same source path, it updates the existing Vibe instead of creating a new one. Use `--new` flag to force create a new Vibe.

</details>

<details>
<summary><b>What if my project needs to be built first?</b></summary>

The skill auto-detects buildable projects (Vite, Next.js, Astro, etc.) and prompts you to build before publishing. It supports npm, pnpm, yarn, and bun package managers.

</details>

## Contributing

Contributions are welcome! Please open an [issue](https://github.com/ArcBlock/myvibe-skills/issues) or submit a pull request.

## Related Projects

- [MyVibe](https://www.myvibe.so) - AI-powered web project hosting platform

## Support

- **Issues**: [GitHub Issues](https://github.com/ArcBlock/myvibe-skills/issues)
- **MyVibe**: [www.myvibe.so](https://www.myvibe.so)

## Author

[ArcBlock](https://www.arcblock.io) - Building decentralized identity and Web3 infrastructure.

GitHub: [@ArcBlock](https://github.com/ArcBlock)

## License

[Apache License 2.0](https://github.com/arcblock/myvibe-skills/blob/HEAD/LICENSE.md)