--- title: "Cyan (@qingyuna) skills · skilld" description: "1 agent skill written by Cyan on skilld." canonical_url: "https://skilld.dev/gh/qingyuna" meta: "og:description": "1 agent skills written by Cyan." "og:image": "https://skilld.dev/_og/d/a_Cyan%2Bskill%2Bprofile%2Bon%2Bskilld%2Cc_Curator.takumi%2Chandle_qingyuna%2CdisplayName_Cyan%2Cavatar_~aHR0cHM6Ly9naXRodWIuY29tL3Fpbmd5dW5hLnBuZw%2CcollectionCount_1%2CskillCount_1%2Cprops_eyJza2lsbHMiOlsiYW5zd2VyLW1lLXdpdGgtaHRtbCJdfQ%2Cp_Ii9naC9xaW5neXVuYSI%2Cs_9XsimieMxlbap-J2.png" "og:image:alt": "Cyan skill profile on skilld" "og:image:height": "600" "og:image:type": image/png "og:image:width": "1200" "og:title": "Cyan on skilld" "twitter:image": "https://skilld.dev/_og/d/a_Cyan%2Bskill%2Bprofile%2Bon%2Bskilld%2Cc_Curator.takumi%2Chandle_qingyuna%2CdisplayName_Cyan%2Cavatar_~aHR0cHM6Ly9naXRodWIuY29tL3Fpbmd5dW5hLnBuZw%2CcollectionCount_1%2CskillCount_1%2Cprops_eyJza2lsbHMiOlsiYW5zd2VyLW1lLXdpdGgtaHRtbCJdfQ%2Cp_Ii9naC9xaW5neXVuYSI%2Cs_9XsimieMxlbap-J2.png" "twitter:image:alt": "Cyan skill profile on skilld" --- > Index of every page on this site: [llms.txt](https://skilld.dev/llms.txt) ![Avatar for Cyan](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fqingyuna.png) # **Cyan** [@qingyuna](https://github.com/qingyuna)person 1 skill 4.3k Synced 1 day ago [GitHub](https://github.com/qingyuna) ## Skills ### [qingyuna/answer-me-with-html](https://skilld.dev/gh/qingyuna/answer-me-with-html) 1 skill 4.3k `npx skilld add qingyuna/answer-me-with-html --all` - [/answer-me-with-html](https://skilld.dev/gh/qingyuna/answer-me-with-html) Turns an answer into a one-page visual HTML explainer: the model writes a short Markdown draft and the bundled CLI builds one page. Use it proactively and liberally, without being asked, whenever a page would help the reader more than plain text, even if plain text would also work: any explanation of how something works or how parts relate (flow, request path, architecture, code or folder structure, state machine, lifecycle, history); any comparison, trade-off or decision with pros and cons; any diagnosis, review or investigation, especially with several causes or findings to rank; any answer with a table, a numbered or ranked list, steps, branches or several sections; or when the user says "I don't get it / draw it / explain visually / 讲讲原理 / 没看懂 / 画个图". When in doubt, use it: a page is quick and cheap to make. Also for explainer videos ("make a video", "做个视频") and for changing its settings. Skip only for small talk, a trivial one-line answer, or when the user asks for plain text. Curated skills from @qingyuna. Checked GitHub just now ```json {"@context":"https://schema.org","@graph":[{"@id":"https://skilld.dev/#website","@type":"WebSite","description":"Curated agent skills by humans, written by real maintainers in their own GitHub repos","name":"skilld","url":"https://skilld.dev/"},{"@id":"https://skilld.dev/gh/qingyuna#webpage","@type":"WebPage","description":"1 agent skill written by Cyan on skilld.","name":"Cyan (@qingyuna) skills","url":"https://skilld.dev/gh/qingyuna","isPartOf":{"@id":"https://skilld.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://skilld.dev/gh/qingyuna"]}]},{"@id":"https://skilld.dev/gh/qingyuna#owner","@type":"Person","alternateName":"@qingyuna","description":"Agent skills written by Cyan on skilld.","name":"Cyan","url":"https://skilld.dev/gh/qingyuna","image":{"@type":"ImageObject","@id":"https://skilld.dev/gh/qingyuna#avatar","url":"https://github.com/qingyuna.png","width":460,"height":460,"contentUrl":"https://github.com/qingyuna.png"},"sameAs":["https://github.com/qingyuna"]},{"@id":"https://skilld.dev/gh/qingyuna#page","@type":"CollectionPage","name":"Cyan skills on skilld","url":"https://skilld.dev/gh/qingyuna","about":{"@id":"https://skilld.dev/gh/qingyuna#owner"},"hasPart":[{"@type":"SoftwareApplication","name":"answer-me-with-html","url":"https://skilld.dev/gh/qingyuna/answer-me-with-html","applicationCategory":"DeveloperApplication","operatingSystem":"Any"}]}]} ```