Agent skill

Article Prompts To Skills

by nirholas in nirholas/three.ws

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…

Apache-2.0Auto-check passedDevelopment

Install Article Prompts To Skills

skills CLI
$ npx skills add nirholas/three.ws --skill article-prompts-to-skills -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install nirholas/three.ws article-prompts-to-skills --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/nirholas/three.ws.git skills-src && mkdir -p .claude/skills && cp -r skills-src/third_party/designcode-agent-skills/agent-skills/codex/article-prompts-to-skills .claude/skills/article-prompts-to-skills && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
article-prompts-to-skills
GitHub stars
229
Used in
1 other repo
Token cost
~1.6k tokens
SKILL.md length
735 words
Files
8 (incl. references)
Skills in repo
92
Repo updated
First seen
Licence
Apache-2.0

At a glance

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…

  • Works in 8 steps: Inspect Before Extracting → Build an Extraction Ledger → Extract the Portable Contract → …
  • The user asks to turn an articles prompts
  • SKILL.md covers 1. Inspect Before Extracting, 2. Build an Extraction Ledger, 3. Extract the Portable Contract and 4. Package Every Skill, plus 5 more sections
  • Calls git

What it does

Article Prompts To Skills is an agent skill from nirholas/three.ws. 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.

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files (for example `agents/openai.yaml`, `demo/PROMPT.md` and `demo/expected-output.md`).

It sits in Development, covering Design patterns. The repository describes itself as: Open-source platform for 3D AI agents. Turn text or a photo into a rigged, animated GLB avatar, give it an LLM brain, memory and a wallet, and embed it anywhere with one web… The licence is Apache-2.0.

When your agent uses it

  • The user asks to turn an articles prompts
  • Tutorial sections
  • Design patterns
  • Workflow ideas into complete skills rather than leaving them as prose

Example prompts

  • “/article-prompts-to-skills”

Workflow steps

8 steps, taken from the step headings in SKILL.md.

  1. Inspect Before Extracting
  2. Build an Extraction Ledger
  3. Extract the Portable Contract
  4. Package Every Skill
  5. Write Three Useful Example Prompts
  6. Build Proof, Not Decoration
  7. Validate the Complete Package
  8. Commit Only the Task

What it can do on your machine

Read from SKILL.md and the folder at commit 66624fb. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Article Prompts To Skills loads about 1.6k tokens when it runs, and up to ~2.5k if it reads all its reference files. Until then it costs about 113 tokens; SKILL.md has 735 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~113
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nirholas/three.ws at commit 66624fb, republished under its Apache-2.0 licence (© nirholas). 735 words, ~1,608 tokens.

Download SKILL.mdSave it as .claude/skills/article-prompts-to-skills/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.
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 promptReusable capabilityKeepRemoveSkill nameDemo 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.

3. Extract the Portable Contract

Keep the source's successful mechanics:

  • behavior and state transitions;
  • data model and parameter defaults;
  • timing, easing, spacing, and responsive rules;
  • accessibility, reduced-motion, and keyboard behavior;
  • performance constraints and failure modes;
  • acceptance checks that prove the result.

Remove source-specific packaging:

  • brand names, marketing copy, and proprietary content;
  • page layout that is unrelated to the capability;
  • hard-coded palettes, assets, and selectors;
  • incidental implementation choices that do not affect the outcome.

The result must transfer to a different subject, layout, and visual system without rewriting the core instructions.

4. Package Every Skill

Initialize every new folder with the installed skill-creator initializer, then complete this contract:

text
agent-skills/<category>/<skill-name>/
  SKILL.md
  agents/openai.yaml
  references/          # only when detailed reusable guidance is needed
  assets/ or scripts/  # only when the workflow genuinely reuses them
  demo/
    index.html
    PROMPT.md
    preview.jpg
    input.md            # required for workflow skills
    expected-output.md  # required for workflow skills

Write SKILL.md in imperative form. Keep only name and description in frontmatter. Put all trigger phrases in the description. Keep operational steps, constraints, pitfalls, and validation commands in the body.

Write agents/openai.yaml from the final skill:

  • use a human-readable display name;
  • keep the short description between 25 and 64 characters;
  • make the default prompt explicitly invoke $skill-name.

5. Write Three Useful Example Prompts

Put these headings in demo/PROMPT.md:

Minimal prompt

Invoke the skill and ask for one clear outcome.

text
Use $skill-name to add <capability> to <target>.
Recreate the demo

Describe the reference experience, implementation contract, deliverables, and acceptance checks. Specify what must remain local and self-contained.

Remix prompt

Change the subject, content, palette, and composition while preserving the mechanism, accessibility behavior, responsive rules, and performance contract.

Read references/example-packages.md for visual, mixed-source, and workflow examples.

Show full SKILL.md (318 more words)Show less

6. Build Proof, Not Decoration

Make every demo original, self-contained, and inspectable:

  • demonstrate the core mechanism on the first screen;
  • use realistic content instead of labels such as “demo card”;
  • add controls only when they expose meaningful states;
  • support 390px through 1440px layouts;
  • use semantic HTML and visible focus states;
  • provide reduced-motion behavior for animated work;
  • keep dependencies local and avoid a build step unless the skill requires one;
  • use input.md and expected-output.md for nonvisual workflows.

Never treat a screenshot as the implementation. The HTML demo must work.

7. Validate the Complete Package

Run validation in proportion to the artifact:

  1. Run the skill creator's quick_validate.py on every new or changed skill.
  2. Run repository demo validation and any targeted syntax checks.
  3. Open each demo in the permitted browser at desktop and mobile sizes.
  4. Exercise the primary interaction, keyboard focus, and reduced-motion path.
  5. Confirm the console is clean.
  6. Capture a real browser preview at the repository's shared dimensions.
  7. Rebuild the demo and screenshot galleries, then validate again.
  8. Scan changed files for secrets, tokens, private paths, and private client data.

Do not claim visual or interaction verification from static file inspection alone.

8. Commit Only the Task

Stage the new skill folders and the gallery files they require. Review git diff --cached --stat and git diff --cached before committing. Leave pre-existing dirty files untouched.

Report:

  • the source-to-skill mapping;
  • the example prompt and demo paths;
  • validation and browser evidence;
  • the commit hash;
  • unrelated dirty files that remain outside the commit.

Failure Modes

  • Page clone: copying the source layout instead of extracting the mechanism.
  • Mega-skill: combining independent prompts into one vague skill.
  • Micro-fragments: turning every sentence into a skill without reusable behavior.
  • Theme lock-in: hard-coding the source's palette, assets, or copy.
  • Prompt-only package: omitting a functioning demo and preview.
  • Fake proof: claiming interaction verification without exercising it.
  • Dirty-tree spillover: staging unrelated modifications or generated files.

© nirholas, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 7 other files (references) in third_party/designcode-agent-skills/agent-skills/codex/article-prompts-to-skills of nirholas/three.ws.

  • SKILL.md
  • agents/openai.yaml
  • demo/PROMPT.md
  • demo/expected-output.md
  • demo/index.html
  • demo/input.md
  • demo/preview.jpg
  • references/example-packages.md

Open the folder on GitHubat commit 66624fb

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in nirholas/three.ws, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Article Prompts To Skills next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Article Prompts To Skills compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Article Prompts To Skills this skillnirholas/three.ws2291 repos~1.6kAutomated safety check: PassApache-2.0
Vercel Composition Patternssupabase/supabase111k58 repos~726Automated safety check: PassMIT
Swiftui View RefactorDimillian/Skills4k5 repos~2kAutomated safety check: PassMIT
RTK Rust Design Patternsrtk-ai/rtk83k—~1.9kAutomated safety check: PassApache-2.0
Effect Client WrapperUsefulSoftwareCo/executor4.1k1 repos~1.4kAutomated safety check: PassMIT
Architecture PatternsKartikLabhshetwar/better-shot2.4k2 repos~1.4kAutomated safety check: PassCustom licence

Similar skills

  • Official

    React composition patterns that scale. An agent skill from supabase/supabase.

    111k GitHub starsUsed in 58 repos~726 tokens
    DevelopmentAuto-check passed
  • Swiftui View Refactor

    Dimillian/Skills

    Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependency injection, and correct Observation usage.

    4k GitHub starsUsed in 5 repos~2k tokens
    DevelopmentAuto-check passed
  • Describes seven Rust design patterns for the RTK CLI filter modules, with when to use each, RTK examples, and notes on when a pattern is overkill.

    83k GitHub stars~1.9k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Effect Client Wrapper

    UsefulSoftwareCo/executor

    Pattern for wrapping third-party SDK clients (Stripe, Resend, AWS, etc.) with Effect.

    4.1k GitHub starsUsed in 1 repo~1.4k tokens
    DevelopmentAuto-check passed
  • Architecture Patterns

    KartikLabhshetwar/better-shot

    Deep dive into software architecture for macOS. An agent skill from KartikLabhshetwar/better-shot.

    2.4k GitHub starsUsed in 2 repos~1.4k tokens
    DevelopmentAuto-check passed
  • GitVersion .NET Development

    GitTools/GitVersion

    Gives repository-specific .NET guidance for GitVersion: build and test commands, central package management, project layout and coding conventions.

    3.1k GitHub stars~1.7k tokensUpdated today
    DevelopmentAuto-check passed

More from nirholas/three.ws

All 92 skills in this repo
  • Add Shader Cursor Trail

    nirholas/three.ws

    Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

    230 GitHub starsUsed in 1 repo~760 tokens
    Auto-check passed
  • Publish Project To GitHub

    nirholas/three.ws

    Package a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible…

    230 GitHub starsUsed in 1 repo~2.2k tokens
    Auto-check: notes
  • Audit a website or digital experience against its supplied source references for originality and plagiarism risk.

    230 GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check passed
  • Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

    230 GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed
  • Write Like Meng On X

    nirholas/three.ws

    Write, rewrite, review, or continuously refine X/Twitter posts in Meng To's current voice using his deduplicated authored-post corpus, personal and product context, shared resources, and Content…

    230 GitHub starsUsed in 1 repo~2k tokens
    Auto-check passed
  • Browser Video Recording

    nirholas/three.ws

    Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography…

    230 GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed

Categories

Questions about Article Prompts To Skills

What does Article Prompts To Skills do?

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…. ws. 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.

When should I use Article Prompts To Skills?

Article Prompts To Skills fits situations like: the user asks to turn an articles prompts; tutorial sections; design patterns; workflow ideas into complete skills rather than leaving them as prose.

How do I install Article Prompts To Skills in Claude Code?

Run `npx skills add nirholas/three.ws --skill article-prompts-to-skills -a claude-code`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/codex/article-prompts-to-skills in nirholas/three.ws) into .claude/skills/article-prompts-to-skills in your project. Claude Code loads it when a task matches its description.

How do I install Article Prompts To Skills in Codex?

Run `npx skills add nirholas/three.ws --skill article-prompts-to-skills -a codex`. Or copy the skill folder (third_party/designcode-agent-skills/agent-skills/codex/article-prompts-to-skills in nirholas/three.ws) into .agents/skills/article-prompts-to-skills in your project. Codex loads it when a task matches its description.

Can I use Article Prompts To Skills in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nirholas/three.ws --skill article-prompts-to-skills -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/article-prompts-to-skills, .gemini/skills/article-prompts-to-skills, .github/skills/article-prompts-to-skills and .opencode/skills/article-prompts-to-skills in your project.

What does Article Prompts To Skills need to run?

Going by SKILL.md and its folder, Article Prompts To Skills needs the command-line tools its instructions call (git).

Does Article Prompts To Skills access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Article Prompts To Skills safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Article Prompts To Skills use?

Article Prompts To Skills is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Article Prompts To Skills use?

About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 901 tokens, read only when the agent opens those files.

What are the alternatives to Article Prompts To Skills?

Skills that share tags, products or a category with Article Prompts To Skills: Vercel Composition Patterns (supabase/supabase, 111k stars), Swiftui View Refactor (Dimillian/Skills, 4k stars), RTK Rust Design Patterns (rtk-ai/rtk, 83k stars) and Effect Client Wrapper (UsefulSoftwareCo/executor, 4.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Article Prompts To Skills?

nirholas (a GitHub user) maintains it in nirholas/three.ws, which has 229 GitHub stars. The repository holds 92 skills in this directory. The repository was last updated on October 10, 2026.

Source: nirholas/three.ws on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.