Meng To's Agent Skills

Install

Clone MengTo/Skills and copy the folders you need from agent-skills/<category>/<skill> into the skills directory, such as ~/.claude/skills. Load the narrowest matching SKILL.md before starting.

This is third-party code. Review the repository files before installing.

What it does

Designer Meng To's library is made of portable folders with SKILL.md, references, scripts and plain HTML demos. The largest section covers web design: landing and pricing pages, scroll animation with GSAP and Lenis, WebGL effects, CSS techniques and dozens of ready visual styles. The games section lays out Three.js browser game architecture: levels, combat, enemies, inventory, VFX, optimization and testing. Workflow skills turn a screen recording into a detailed prompt, capture full pages, break HTML into prompts for single interactions and audit generic AI-looking design.

Who it is for. For designers and frontend developers building animation-heavy promo sites or browser games with an agent.

Example request

Use the landing-page skill to build a booking service landing page in the clean-minimal-beige-light-mode style

Limitations

The README has no install command: copy skills into the agent's directory or load them as context by hand. Some workflow skills target Codex and the author's personal routines, such as X post drafts. Some rely on paid services like ElevenLabs and Aura.

How to disable. Delete the copied skill folders from the agent's skills directory or remove references to them from CLAUDE.md and Cursor rules.

Security check

• Some skills run page capture and video recording scripts
• A few skills call external APIs such as ElevenLabs

README in short

The README explains the library's purpose, four starter web design skills and how to use the folders in Codex, Claude Code and Cursor. It sets out the author's principles, the skill folder layout with demos and references, and an overview of sections: workflows, media, UI, game development and web design. It also documents how to add skills. MIT licensed.

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.

Related