Skills

A place to browse skills and demos: what each one does, and what the result looks like.

Use: Build a writing-style profile from your own articles and write to that profile, or clean a finished draft with the smallest edits that remove the machine tone.
Scenarios: Long WeChat posts, investment briefs, polishing X and social copy, and rewrites in a personal voice.
Division of work: It only handles tone and keeping the information intact. It does not make covers (cover_image_gen), diagrams (diagram-design / anatomy), or product UI (AI interface design rules).

Use: Design tokens, motion, input-method guards, streaming scroll, tool confirmation cards, and a review checklist for AI chat and agent product front ends.
Scenarios: Chat threads, tool-call cards, preview panels, and settings dialogs (React and Tailwind by default).
Division of work: It only covers interface and interaction rules. Voice and wording use De-AI Writing. Illustrations and covers use cover_image_gen. Concept diagrams use diagram-design or anatomy.

Use: 45 publication-grade static diagrams (architecture, sequence, flow, flywheel, quadrant, Sankey, Gantt, and more), exported as self-contained HTML with inline SVG.
Scenarios: Article figures, proposal decks, and static structure diagrams in technical notes. Brand colors are already set for promangofund.com.
Division of work: Use this skill for static diagrams. Use anatomy for an interactive isometric breakdown that works like a small machine. Use cover_image_gen for article covers.

Use: Draw a technical idea as a precise, interactive isometric SVG instrument, with parts and numbers driven by the same model.
Scenarios: Principle breakdowns, featured technical illustrations on landing pages and docs, and figures that need motion and readouts.
Division of work: Use this skill for interactive cutaways and motion. Use diagram-design for the 45 static business diagrams. Use cover_image_gen for social and article covers.

Use: Covers for the site, WeChat, and X posts. Fixed 3D paper-craft and clay style, large Chinese titles, three compositions of the same title, and a character-by-character check.
Scenarios: Article headers, large post images, and the main visual on a skill card.
Division of work: This skill only makes cover images. Static body diagrams go to diagram-design. Interactive cutaways go to anatomy. Copy goes to De-AI Writing.

Use: Connect a third-party service that is not built in yet, through an official API or MCP, in this order: an existing route, isolated credentials, verification, then a written record.
Scenarios: A new SaaS API, an official MCP server, a Zapier or Composio bridge, or a custom MCP client scaffold.
Division of work: It only covers the connection and credential-safety flow. After it is connected, business copy uses De-AI Writing, product UI uses the AI interface design rules, public covers use cover_image_gen, and concept diagrams use diagram-design or anatomy.

Skills ​