MS

mengto/skills

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

7,2 тыс. stars Качество 66 Тренд 82MIT

Навыки агентов для дизайнеров и строителей с использованием Codex, Claude, Cursor и других ИИ-кодных агентов

Обзор

Отображённая коллекция для дизайнеров и строителей, использующих , , , и других агентов кодирования ИИ, чтобы создавать насыщенные пользовательские интерфейсы, фронтенд-системы, циклы агентов, автоматизации и повторно используемые рабочие процессы. Используйте эти навыки с , , , и остальной частью вашего агентского стека, чтобы превращать ссылки в подсказки, генерировать подробные лендинговые страницы и создавать повторно используемые фронтенд-рабочие процессы. Начните с флагманского рабочего процесса веб-дизайна: 1. Превращает запись экрана дизайна, лендинга или анимации в очень детальный запрос, который Fable 5 может использовать для однократного уничтожения HTML. 2. Превращает существующую HTML-страницу, например страницу Aura Build, в повторно используемые запросы для одного раздела, одной анимации, одной кнопки, одного состояния наведения курсора или одного эффекта WebGL. 3. Захватывает всю лендинговую страницу вместо только героя, давая агенту полноценную ссылку по структуре, темпу и визуальной иерархии. 4.

Обзор (машинный перевод)

Кураторская коллекция агентских навыков для дизайнеров и строителей, использующих Codex, Claude, Cursor и других AI-кодных агентов для создания насыщенных пользовательских интерфейсов, игровых игр, фронтенд-систем, агентных циклов, автоматизаций и многоразовых рабочих процессов.

Используйте эти навыки с Codex, Claude Design, Aura Build, Lovable и остальной частью вашего стека агентов, чтобы превращать ссылки в подсказки, генерировать детализированные лендинги, создавать играбельные Three.js системы и создавать повторно используемые рабочие процессы реализации.

Начните с флагманского рабочего процесса веб-дизайна:

  1. Видео на супер-запрос Превращает запись экрана дизайна, лендинга или анимации в очень детальный запрос, который Fable 5 может использовать для однократного прохождения HTML.
  2. HTML в подсказки взаимодействия Превращает существующую HTML-страницу, например страницу Aura Build, в повторно используемые запросы для одного раздела, одной анимации, одной кнопки, одного состояния наведения или одного эффекта WebGL.
  3. Сшитый полный печать страницы Захватывает всю целую страницу, а не только героя, давая вашему агенту полноценный справочник по структуре, темпу и визуальной иерархии.
  4. Ежедневное вдохновение для интерфейса

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

Agent Skills

A curated collection of agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents to build rich user interfaces, playable games, frontend systems, agent loops, automations, and reusable workflows.

Use these skills with Codex, Claude Design, Aura Build, Lovable, and the rest of your agent stack to turn references into prompts, generate detailed landing pages, build playable Three.js systems, and create reusable implementation workflows.

Start with the flagship web-design workflow:

  1. Video to Super Prompt Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can use to one-shot HTML.
  2. HTML to Interaction Prompts Turns an existing HTML page, like an Aura Build page, into reusable prompts for one section, one animation, one button, one hover state, or one WebGL effect.
  3. Stitched Full Page Capture Captures the entire landing page instead of only the hero, giving your agent a full-page reference for structure, pacing, and visual hierarchy.
  4. Daily UI Inspiration Combines browsing, capture, reference study, and prompt generation into a useful agent loop that turns strong landing pages into detailed prompt packs.

These are portable agent skill folders: concise SKILL.md playbooks with optional references, articles, scripts, and assets. The goal is simple: turn good prompts, workflows, style systems, capture recipes, and debugging habits into versioned files an agent can load and follow.

Portable by default. Each skill should work for any user, repo, or workspace unless the user supplies project-specific context through local agent instructions.

Browse all runnable demos and recreation prompts.

Explore the 3D rendering skills for ultra-realistic water, underwater god rays, virtual tours, sky rays, sky backgrounds, falling leaves, four seasons, detailed textures and models, and Retina rendering at 200%.

Explore the illustration skills for 14 hand-written SVG illustration styles, from flat and outlined cartoon to halftone, one-line, isometric and vintage emblem, each with example cards, a palette, a drawing kit and a render-and-lint loop.

Use these skills when you want:

  • repeatable design direction
  • reusable game architecture and gameplay QA
  • procedural implementation steps
  • copy/paste snippets
  • common pitfalls and guardrails
  • reusable workflows instead of one-off chat answers

Agent support

The format is intentionally plain Markdown and folder-based.

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add mengto/skills
Новичок в MCP? Начните с руководства на mcpskill.org →