Portable Agent Skills collection · Active and substantial, but still evolving

MengTo/Skills

A MIT-licensed collection of 123 stated portable Agent Skills for design, frontend, browser-game development, media sourcing, automation, capture, performance, QA, and reusable Codex workflows; Claude Code can consume individual SKILL.md files through CLAUDE.md, a Claude skills setup, or direct working context.

web designfrontend engineeringUI and motion designWebGL and 3Dbrowser gamesgame developmentmedia sourcingautomationperformance engineeringquality assurancevoice generation
Routing score
80.0
Readiness
Usable with caveats; many skills are directly consumable, while installation conventions and some draft areas remain unsettled.
License
MIT
Maintenance
active
Components
20
Revision
0

Selection

Select when

  • You need reusable Claude Code context for web design, motion, WebGL, or browser-game work.
  • You want procedural SKILL.md files rather than one-off prompts.
  • You need workflows that connect visual references to implementation prompts and demos.
  • You want explicit game-system boundaries spanning architecture through release.
  • You prefer portable agent guidance usable across Claude Code, Codex, Cursor, and other hosts.
  • You need focused recipes for GSAP, Three.js, Tailwind CSS, Vanta.js, Matter.js, cobe, or Globe.GL.
  • You want performance, cleanup, reduced-motion, mobile, and QA concerns included in implementation guidance.
  • You are comfortable selecting and loading individual skills manually.

Boundaries

Avoid when

  • You require a one-command documented Claude Code plugin installation.
  • You need new tools, MCP integrations, hooks, or autonomous orchestration rather than contextual procedures.
  • You need every skill to be independently validated as production-ready.
  • You require a narrowly scoped collection unrelated to design, frontend, or browser games.
  • You cannot review optional scripts, dependency snippets, and third-party service requirements before use.
  • You need guaranteed compatibility with a specific Claude Code version because none is documented.
  • You want automated execution without supplying project context, dependencies, credentials, or assets.
  • You require a stable installation convention because the README says preferred install notes are still pending.

Strengths

Capabilities

Supplies plain-Markdown SKILL.md playbooks with explicit triggers, workflows, guardrails, recipes, and acceptance checks.States a library size of 123 skills across Codex workflows, media, UI, game development, and web design.Covers landing pages, pricing pages, Tailwind CSS, GSAP, scroll motion, visual styles, and layout systems.Covers Three.js, WebGL, globe libraries, shaders, canvas effects, and 2D physics.Provides browser-game workflows for architecture, levels, cameras, combat, enemies, inventory, assets, feedback, mobile, optimization, QA, and release.Turns videos, HTML pages, screenshots, and website references into detailed prompts and reusable design workflows.Includes browser capture, stitched full-page capture, and recurring UI-inspiration workflows.Includes performance guidance for web animation, Three.js games, and Apple-platform profiling.Supports visual demos, recreation prompts, assets, references, articles, and optional helper scripts within skill folders.Provides an ElevenLabs TTS workflow with local profiles, environment-based credentials, and a bundled Python helper script.Documents portability across Codex, Claude Code, Cursor, and other agents.Encourages narrow skill selection and explicit boundaries between related game-development workflows.Includes reduced-motion, mobile GPU, cleanup, lifecycle, and accessibility considerations in inspected technical skills.Uses versioned files so prompts, procedures, defaults, and debugging habits can be reused.Documents a contribution contract for frontmatter, workflows, pitfalls, demos, references, and validation.

Risk profile

Risks and limitations

  • Uncertainty: the supplied files are selective, so all 123 claimed skills, helper scripts, demos, dependencies, and references were not inspected.
  • Uncertainty: the README claims 123 skills, but the displayed Codex and game-development bullet lists do not visibly enumerate every claimed item.
  • One first-party web-design README calls its contents drafts pending finalization, which conflicts with the main README's presentation of a current library.
  • The README says preferred installation notes for Claude Code and other hosts are not yet stable.
  • No Claude Code version requirement or automated compatibility evidence is supplied.
  • Individual skills may rely on external libraries, browser capabilities, local assets, API credentials, or paid services.
  • Some snippets and API guidance can become version-sensitive as GSAP, Three.js, Tailwind CSS, ElevenLabs, and other dependencies evolve.
  • The repository is multi-agent and some workflows are explicitly Codex-oriented, so Claude Code applicability varies by skill.
  • No supplied evidence establishes comprehensive automated validation of frontmatter, correctness, security, or demo behavior.
  • Visual quality, originality, performance, and gameplay outcomes still require project-specific human review and testing.
  • Optional scripts can execute locally or call external services, so users must inspect them and understand data flow before use.
  • Some skills provide guidance and artifacts rather than independently performing the described task.

First-party guidance says skills should contain no secrets, private paths, or hidden account assumptions. The ElevenLabs skill keeps API keys in the environment and account profiles in local external configuration, but optional scripts and third-party snippets still require code review, dependency review, least-privilege credentials, and normal project security controls. No independent security audit is evidenced.

Component inventory

20 documented components

context-injection skill library

Agent Skills library

Portable Markdown playbooks for design, games, media, UI, automation, and frontend workflows; README documents 123 skills in five categories.

README.md
skill collection

Codex workflows

Operational workflows for capture, auditing, prompt conversion, performance, voiceovers, branding, and social drafting.

agent-skills/codex/
skill collection

Media skills

Two image-sourcing playbooks for Aura Assets and Unsplash.

agent-skills/media/
skill collection

UI skills

Design-first UI prompting guidance centered on structured prompts, variants, guardrails, and typography passes.

agent-skills/ui/
skill collection

Game development skills

Browser-game workflows spanning architecture, levels, combat, enemies, assets, mobile, optimization, QA, and release.

agent-skills/game-development/README.md
skill collection

Web design skills

Web-design playbooks for conversion, motion, scrolling, WebGL, CSS treatments, layouts, visual styles, and product interactions.

agent-skills/web-design/
skill

Video to Super Prompt

Analyzes a design or animation screen recording into a detailed Fable 5 HTML recreation prompt.

agent-skills/codex/video-to-superprompt/SKILL.md
skill

HTML to Interaction Prompts

Turns an existing HTML page into screenshot-backed prompts for reusable sections, animations, controls, and WebGL effects.

agent-skills/codex/html-to-interaction-prompts/SKILL.md
skill

Stitched Full Page Capture

Captures complete lazy, animated, or WebGL landing pages for structural and visual reference.

agent-skills/codex/stitched-full-page-capture/SKILL.md
skill

Daily UI Inspiration Capture

Combines browsing, capture, reference study, and prompt generation into recurring landing-page prompt packs.

agent-skills/codex/daily-ui-inspiration-capture/SKILL.md
skill

Design-first UI Prompting

Structures UI prompts by goal, format, layout, type, color, and constraints, using variants and a two-pass typography workflow.

agent-skills/ui/design-first-ui-prompting/SKILL.md
skill

GSAP

Guidance for professional web animation with tweens, timelines, ScrollTrigger, stagger, performance, and SPA cleanup.

agent-skills/web-design/gsap/SKILL.md
skill

cobe.js

Adds a lightweight interactive globe with markers, responsive canvas sizing, lifecycle handling, and React/Next.js considerations.

agent-skills/web-design/cobejs/SKILL.md
skill

Three.js

Builds and debugs interactive 3D web scenes, including render loops, cameras, models, controls, performance, and cleanup.

agent-skills/web-design/threejs/SKILL.md
skill

Vanta.js

Integrates animated WebGL backgrounds with setup, options, resizing, fallbacks, performance, and SPA cleanup.

agent-skills/web-design/vantajs/SKILL.md
skill

Globe.GL

Implements 3D globe visualization with points, arcs, polygons, paths, heatmaps, labels, and custom layers.

agent-skills/web-design/globe-gl/SKILL.md
skill

Matter.js

Implements 2D physics scenes with engine, world, renderer, bodies, constraints, interaction, and teardown patterns.

agent-skills/web-design/matterjs/SKILL.md
skill with helper script

ElevenLabs TTS

Generates speech from text using local voice profiles, environment-held credentials, request overrides, dry runs, and voice listing.

agent-skills/codex/elevenlabs-tts/SKILL.md
skill

Tailwind CSS

Guides responsive utility-first UI, theming, component patterns, safe dynamic classes, and production content scanning.

agent-skills/web-design/tailwindcss/SKILL.md
workflow router

Game development selector

Maps browser-game needs to the appropriate foundation, combat, asset, performance, QA, or release skill and documents boundaries.

agent-skills/game-development/README.md

Technical profile

Requirements and configuration

Repository
MengTo/Skills
License
MIT
DefaultBranch
main
PrimaryLanguage
HTML in supplied GitHub metadata
Format
Folder-based Agent Skills with required SKILL.md frontmatter and optional references, articles, assets, scripts, and demos
StatedSkillCount
123
StatedCategories
Five: Codex workflows, media, UI, game development, and web design
ClaudeCodeUse
Reference a skill from CLAUDE.md, copy it into a Claude skills setup, or open SKILL.md directly as context
ExtensionRuntime
None evidenced; skills primarily provide context and procedures
RepositoryStatus
Public, unarchived, and not disabled in supplied metadata
Adoption
5,499 stars, 666 forks, and 24 subscribers in supplied metadata
DemoContract
Visual skills may include standalone demo/index.html and demo/PROMPT.md files
SkillContract
SKILL.md frontmatter contains name and description followed by triggers, workflow, pitfalls, recipes, and questions
ExternalIntegrationExample
The ElevenLabs TTS skill documents environment credentials, local JSON profiles, current HTTP endpoints, and a Python helper script

Classification

How it enters the stack

Context InjectionSkill Authoring

Evidence: Claude Code is instructed to consume individual SKILL.md files through CLAUDE.md, a copied skills setup, or direct context. Inference: skill_authoring also applies because the repository defines a reusable skill folder contract and creation workflow; no packaged Claude plugin is evidenced.

Copy Paste · low setup effort · high confidence · automated

Evidence and risk

Primary sources

first_party_fileREADME.mdhttps://github.com/MengTo/Skills/blob/main/README.md

Routing context

Conflicts, complements, and synergies

overlaps

gh_cathrynlavery_diagram_design

Both provide portable design-oriented Agent Skills, while this repository is focused on diagram taxonomy, imports, and SVG output.

medium confidence
complements

gh_freestylefly_awesome_gpt_image_2

Inference: MengTo/Skills includes image-to-prompt and design workflows that can help derive references, while this repository specializes in selecting GPT-Image2 templates and constraints.

medium confidence
alternative_to

gh_google_mantis

Catalog inference: both are portable skill collections usable across coding agents, but their domains differ substantially and no direct project relationship is documented.

low confidence
overlaps_with

gh_jakubkrehel_skills

Both are portable interface-oriented skill collections with frontend design and review guidance, but MengTo/Skills is substantially broader in media and game-development coverage.

medium confidence
extends

gh_anthropics_claude_code

The repository explicitly documents loading or referencing its SKILL.md playbooks as Claude Code context.

high confidence
similar_to

gh_emilkowalski_skills

Both are portable, design-focused Agent Skills collections that inject procedural UI and engineering guidance without evidencing a new runtime tool surface.

high confidence
similar_to

gh_multica_ai_andrej_karpathy_skills

Both package reusable engineering guidance as Claude-compatible skills, though MengTo/Skills is much broader and design-led.

medium confidence
overlaps_with

gh_composiohq_awesome_claude_skills

Both help users discover Agent Skills, but this repository is an authored multi-domain collection rather than primarily a broad external catalog.

medium confidence
similar_to

gh_orchestra_research_ai_research_skills

Inference: both are cross-agent SKILL.md libraries with optional supporting files, but this repository specializes in AI research while MengTo/Skills emphasizes design, frontend, games, and media.

medium confidence
overlaps-with

gh_orron_epicinfographics

Both provide portable design-oriented SKILL.md workflows, but Epic Infographics concentrates on an end-to-end infographic render and animation pipeline.

high confidence
alternative_to

gh_owl_listener_designer_skills

Both are broad Markdown skill collections usable by Claude Code, but MengTo/Skills emphasizes frontend, media, games, and implementation while this suite emphasizes design practice.

medium confidence
can_manage

gh_rebelytics_one_skill_to_rule_them_all

Inference: a large portable SKILL.md library is a plausible target for task-observer's maintenance workflow, but the repositories do not explicitly reference one another.

medium confidence
overlaps_with

gh_referodesign_refero_skill

Both provide portable design and frontend skills, but Refero adds a native Claude plugin and live read-only interface research while MengTo/Skills spans a much broader skill collection.

medium confidence