article-prompts-to-skills
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
With your agent
Install OMGSkills skill "MengTo/Skills:article-prompts-to-skills" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
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.
More from this repo
animation-on-scroll
Used to create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and...
animation-systems
Used when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
beautiful-shadows
Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

