# article-prompts-to-skills

> Claude/Codex skill by [@MengTo](https://omgskills.com/library/mengto/index.md) · 3.8k stars · Updated 2026-07-28

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.

## Install

```sh
git clone https://github.com/MengTo/Skills /tmp/Skills && ln -s /tmp/Skills/agent-skills/codex/article-prompts-to-skills ~/.claude/skills/article-prompts-to-skills
```

## From README

Article Prompts to Skills Turn source prompts into small, demonstrable capability packages. Preserve the useful behavior, not the source page's brand or layout. Inspect Before Extracting Read the repository instructions and the complete source article. Run git status --short; preserve unrelated work. Inventory every explicit prompt, heading, example, asset, and acceptance criterion. Search existing SKILL.md files for overlapping capabilities before creating folders. 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. 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.

## Links

- HTML page: https://omgskills.com/library/mengto/skills/article-prompts-to-skills/
- GitHub: https://github.com/MengTo/Skills
- Author: [@MengTo](https://omgskills.com/library/mengto/index.md)

## More from this repo

- [animation-on-scroll](https://omgskills.com/library/mengto/skills/animation-on-scroll/index.md) — Used to create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and...
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 7.3k stars
- [animation-systems](https://omgskills.com/library/mengto/skills/animation-systems/index.md) — Used when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 6.8k stars
- [beautiful-shadows](https://omgskills.com/library/mengto/skills/beautiful-shadows/index.md) — Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.
   - [@mengto](https://omgskills.com/library/mengto/index.md) · 6.8k stars