Скиллы Мэна То для дизайна и игр

Установка

Склонируй MengTo/Skills и скопируй нужные папки из agent-skills/<категория>/<скилл> в каталог скиллов, например ~/.claude/skills. Перед работой загрузи самый узкий подходящий SKILL.md.

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

Что делает

Библиотека дизайнера Мэна То собрана из портативных папок со SKILL.md, справочниками, скриптами и демо на чистом HTML. Самый большой раздел посвящен веб-дизайну: лендинги и страницы тарифов, анимация на скролле с GSAP и Lenis, эффекты WebGL, CSS-приемы и десятки готовых визуальных стилей. Раздел про игры описывает архитектуру браузерных игр на Three.js: уровни, бой, врагов, инвентарь, эффекты, оптимизацию и тестирование. Отдельные рабочие скиллы превращают видеозапись сайта в подробный промпт, снимают страницу целиком, разбирают HTML на промпты для отдельных взаимодействий и ищут приметы шаблонного ИИ-дизайна.

Для кого. Для дизайнеров и фронтендеров, которые делают промо-сайты с богатой анимацией или браузерные игры с помощью агента.

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

Используй скилл landing-page и сверстай лендинг для сервиса бронирования в стиле clean-minimal-beige-light-mode

Ограничения

В README нет команды установки: скиллы нужно копировать в каталог агента или подключать как контекст вручную. Часть рабочих скиллов заточена под Codex и личные сценарии автора, например черновики постов в X. Некоторые скиллы опираются на платные сервисы вроде ElevenLabs и Aura.

Как отключить. Удалите скопированные папки скиллов из каталога скиллов агента или ссылки на них из CLAUDE.md и правил Cursor.

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

• Некоторые скиллы запускают скрипты захвата страниц и записи видео
• Отдельные скиллы обращаются к внешним API вроде ElevenLabs

Коротко о README

README описывает назначение библиотеки, четыре стартовых скилла для веб-дизайна и то, как подключать папки в Codex, Claude Code и Cursor. Изложены принципы автора, структура папки скилла с демо и справочниками и обзор разделов: рабочие процессы, медиа, UI, разработка игр и веб-дизайн. Есть порядок добавления новых скиллов. Лицензия MIT.

SKILL.md

---
name: article-prompts-to-skills
description: Convert an article, tutorial, or prompt pack into focused reusable AgentSkills, one independent capability per skill, with portable instructions, example prompts, working demos, preview screenshots, validation, gallery updates, and a narrow commit. Use when the user asks to turn an article's prompts, tutorial sections, design patterns, interactions, or workflow ideas into complete skills rather than leaving them as prose.
---

# Article Prompts to Skills

Turn source prompts into small, demonstrable capability packages. Preserve the useful behavior, not the source page's brand or layout.

## 1. Inspect Before Extracting

1. Read the repository instructions and the complete source article.
2. Run `git status --short`; preserve unrelated work.
3. Inventory every explicit prompt, heading, example, asset, and acceptance criterion.
4. Search existing `SKILL.md` files for overlapping capabilities before creating folders.
5. If the source is raw HTML and the prompts do not exist yet, use `$html-to-interaction-prompts` first, then return here.

Do not infer a family of skills from a title alone. Trace each proposed skill to source evidence.

## 2. Build an Extraction Ledger

Create a working table before editing files:

| Source prompt | Reusable capability | Keep | Remove | Skill name | Demo proof |
| --- | --- | --- | --- | --- | --- |

Apply these boundaries:

- Create one skill per independently reusable behavior.
- Merge steps only when separating them would make either step unusable.
- Update an existing skill when its contract already covers the capability.
- Skip decorative or editorial fragments that do not create a repeatable method.
- Name skills after the outcome or mechanism, never after the source article.

Похожие