GitHub

Intermediate tutorial: have your AI agent install the free, open-source Mono Editorial Landing Skill and draft a black-and-white, magazine-style landing page from your README. You write the headline and pick whether the top of the page shows a sign-up form or buttons. The agent checks the layout at four screen widths and hands back an HTML file you can upload as is, then walks you through putting it online. Includes 3 copy-paste prompts.

Use when the user doesn't know Git and you need to create, edit or write files in a folder or code, or when the user says save a snapshot, show what changed, revert, upload to GitHub, or merge. Before acting, save a snapshot first; start new features on a branch; after changes, report in plain language with how to undo; always ask before uploading, publishing, merging, or any action that could discard changes; secrets never go into the repository. Use case: Let the Agent manage every change for you when you don't know Git: snapshot before changes, explain after, roll back if something breaks, ask before uploading.

A beginner tutorial: learn only 5 concepts (repository, commit, branch, cloud backup, revert), have the agent check Git and GitHub, and install a Git safety-net Skill. From then on, say in plain words to save, revert or upload, and it will always save first, explain changes afterwards and ask you before key actions. Finally, rehearse breaking something and recovering it. Includes 3 copy-ready prompts.

A new project with a layout close to the reference page, with all text and images replaced by your own, plus a similarity score and difference list for three screen widths.

A checked, item-by-item list of accounts, with old accounts deleted or set to private, and occupied brand names reclaimed through platform appeals.

Use when the user wants to turn a GitHub repo, technical article, PDF, local project or notes into an architecture or flow diagram, export an existing diagram as an image, video, GIF or Mermaid, or switch it to blueprint, hand-drawn, 3D and other styles. Based on the open-source arch-diagram-skill (MIT): reads the repo without running its code, draws inferred parts as dashed lines, and delivers only after self-check passes. Use case: Have the agent read an open-source project or an article, draw it as a moving architecture diagram, then switch styles for the occasion and export as an image or video.

A beginner's tutorial: get Node and a browser ready, install the arch-diagram Skill with one command, give a GitHub repo or article link to Claude Code or Codex to draw as a living architecture diagram, verify the inferred parts, switch between 8 styles with one sentence, and export as image, video, GIF, or Mermaid. Includes 2 copy-ready prompts.

Developer tutorial on what you need to run the code in Microsoft's AI Agents for Beginners course: forking the repo, Python 3.12, the Azure CLI, a Foundry project with a deployed model, and how to avoid common stumbling blocks.

Intermediate tutorial: without buying a server, use the ShipAny TanStack template and Claude Code to deploy, in about half an hour, a website with login, membership payments (Alipay and WeChat Pay supported) and an admin backend to Cloudflare Workers + D1, then bind your own domain. Starting from signing up for GitHub, linking your account in the ShipAny backend, and pulling the code, even beginners can follow along.