Awesome Claude Skills от Composio

Установка

claude --plugin-dir ./connect-apps-plugin

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Репозиторий совмещает курируемый список сторонних скиллов по категориям и собственные скиллы. Среди них changelog-generator, mcp-builder, skill-creator и другие. Плагин connect-apps подключает Claude к более чем 1000 сервисам через Composio, чтобы отправлять письма, создавать задачи и писать в Slack. Отдельные скиллы для 78 приложений, от HubSpot и Jira до Stripe и Notion, описывают последовательности вызовов инструментов через Rube MCP.

Для кого. Пользователи Claude, которые ищут готовые скиллы, и команды, автоматизирующие работу в SaaS-сервисах.

Пример запроса к агенту

Создай задачу в Linear по этому баг-репорту и отправь ссылку в канал Slack команды

Ограничения

Большая часть списка ведет на сторонние репозитории с разным качеством. Для connect-apps и скиллов автоматизации нужен API-ключ Composio. Инструкция по ручной установке в README указывает путь ~/.config/claude-code/skills.

Как отключить. Удалите папку скилла из каталога скиллов и перестаньте запускать Claude Code с флагом --plugin-dir ./connect-apps-plugin.

Проверка безопасности

• connect-apps дает агенту доступ к действиям в почте, мессенджерах и CRM
• Требует API-ключ стороннего шлюза
• Список ссылается на сторонние скиллы без единой проверки

Коротко о README

Курируемый список из более чем 1000 скиллов и плагинов для Claude.ai, Claude Code, Codex, Cursor, Gemini CLI и Antigravity. Скиллы разбиты на документы, разработку, данные, маркетинг, коммуникации, медиа, продуктивность, управление проектами и безопасность. Отдельный раздел содержит скиллы автоматизации 78 SaaS-приложений через Composio. Есть инструкции по использованию скиллов и шаблон для создания своих, лицензия Apache 2.0.

SKILL.md

---
name: artifacts-builder
description: Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
license: Complete terms in LICENSE.txt
---

# Artifacts Builder

To build powerful frontend claude.ai artifacts, follow these steps:
1. Initialize the frontend repo using `scripts/init-artifact.sh`
2. Develop your artifact by editing the generated code
3. Bundle all code into a single HTML file using `scripts/bundle-artifact.sh`
4. Display artifact to user
5. (Optional) Test the artifact

**Stack**: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui

## Design & Style Guidelines

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

## Quick Start

### Step 1: Initialize Project

Run the initialization script to create a new React project:
```bash
bash scripts/init-artifact.sh <project-name>
cd <project-name>
```

This creates a fully configured project with:
- ✅ React + TypeScript (via Vite)
- ✅ Tailwind CSS 3.4.1 with shadcn/ui theming system
- ✅ Path aliases (`@/`) configured
- ✅ 40+ shadcn/ui components pre-installed
- ✅ All Radix UI dependencies included
- ✅ Parcel configured for bundling (via .parcelrc)
- ✅ Node 18+ compatibility (auto-detects and pins Vite version)

### Step 2: Develop Your Artifact

To build the artifact, edit the generated files. See **Common Development Tasks** below for guidance.

### Step 3: Bundle to Single HTML File

To bundle the React app into a single HTML artifact:
```bash
bash scripts/bundle-artifact.sh
```

This creates `bundle.html` - a self-contained artifact with all JavaScript, CSS, and dependencies inlined. This file can be directly shared in Claude conversations as an artifact.

**Requirements**: Your project must have an `index.html` in the root directory.

**What the script does**:
- Installs bundling dependencies (parcel, @parcel/config-default, parcel-resolver-tspaths, html-inline)
- Creates `.parcelrc` config with path alias support
- Builds with Parcel (no source maps)
- Inlines all assets into single HTML using html-inline

Похожие