skills.rest
MengTo
MengToCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

article-prompts-to-skills

Convert article prompts and tutorials into validated, reusable agent skill packages.

5.7k|685|Updated Feb 3, 2026
Search Tags:#skill packaging#Prompt Engineering#Agent Skills#skill extraction#demo validation#Git commit#Workflow Automation
One-click install
npx skills add https://github.com/MengTo/Skills --skill article-prompts-to-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: article-prompts-to-skills
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/codex/article-prompts-to-skills
Command: npx skills add https://github.com/MengTo/Skills --skill article-prompts-to-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Articles, tutorials, and prompt packs often contain reusable interaction patterns and workflows that remain trapped as prose. This Skill extracts each independent capability from a source article and packages it as a complete, portable agent skill with demos, example prompts, validation evidence, and a clean commit.

Core Features & Use Cases

  • Evidence-Based Extraction: Builds an extraction ledger mapping each source prompt to a reusable capability, enforcing one independent behavior per skill and checking for overlap with existing skills.
  • Complete Packaging Contract: Generates SKILL.md, agents/openai.yaml, Minimal/Recreate/Remix example prompts, a self-contained working HTML demo, browser preview, and input/expected-output files for workflow skills.
  • Validation and Narrow Commits: Runs skill validation, browser interaction checks, reduced-motion and accessibility verification, secret scanning, and stages only task-related files.
  • Use Case: Given a tutorial describing a pointer lens, a reading progress rail, and accessible filters, produce three separate portable skill packages with working demos and proof, rather than copying the source page.

Quick Start

Use $article-prompts-to-skills to turn the reusable prompts in this article into complete skill packages with demos, previews, validation, and a narrow commit.

Frequently Asked Questions about article-prompts-to-skills

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn an article's prompts into reusable agent skills?▼

Read the full source article, build an extraction ledger mapping each prompt to a reusable capability, then create one skill folder per independent behavior. Each package needs a SKILL.md contract, example prompts, a working demo, browser preview, and validation evidence.

How do I decide whether to create one skill or multiple skills from an article?▼

Create one skill per independently reusable behavior with its own state model, inputs, and acceptance checks. Merge steps only when separating them would make either unusable, and skip decorative fragments that lack a repeatable method.

What files should a complete skill package contain?▼

A complete package contains SKILL.md with name and description frontmatter, agents/openai.yaml with an explicit default prompt, demo/PROMPT.md with Minimal, Recreate, and Remix examples, a self-contained demo/index.html, and a browser-captured preview image.

How do I avoid copying the source article's design into extracted skills?▼

Keep only the behavior, state transitions, timing, accessibility rules, and acceptance checks from the source. Remove brand names, marketing copy, hard-coded palettes, assets, and page layout so the skill transfers to a different subject and visual system.

What validation is required before committing a new skill package?▼

Run the skill creator's quick_validate.py, open each demo in a browser at desktop and mobile sizes, exercise keyboard focus and reduced-motion paths, confirm a clean console, capture a real preview screenshot, and scan changed files for secrets before committing.

Related Skills

Explore More Software Engineering Skills→
segmently-aisegmently-ai

segmently-cli-figma-webembed-import

Extract Figma frames into WebEmbed screen artifacts for Segmently CLI imports.

Official
Advanced
tientt010tientt010

marketplace-publishing

Automates publishing workflow for dotnet-skills marketplace including validation, versioning, and release tagging.

Community
Intermediate
whawkinsivwhawkinsiv
232

design-review

Audit existing user interfaces for visual design problems and prioritize fixes.

Community
Intermediate
leolionartleolionart
1

mcp-to-cli

Convert MCP definitions into standalone CLIs using mcporter.

Community
Intermediate