feat: 灵犀 Studio Web UI 定制版

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-05 11:29:11 +08:00
commit 7d10320a82
643 changed files with 164406 additions and 0 deletions
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <title>Claude Code</title>
+  <path clip-rule="evenodd"
+        d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
+        fill="#D97757"
+        fill-rule="evenodd" />
+</svg>
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
+  <defs>
+    <linearGradient id="lx-bg" x1="6" y1="4" x2="42" y2="44" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#2563eb"/>
+      <stop offset="1" stop-color="#0891b2"/>
+    </linearGradient>
+    <linearGradient id="lx-glow" x1="24" y1="10" x2="24" y2="38" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ffffff" stop-opacity="0.95"/>
+      <stop offset="1" stop-color="#e0f2fe" stop-opacity="0.7"/>
+    </linearGradient>
+  </defs>
+  <rect x="3" y="3" width="42" height="42" rx="11" fill="url(#lx-bg)"/>
+  <path d="M24 11 L33 24 L24 37 L15 24 Z" fill="url(#lx-glow)"/>
+  <circle cx="24" cy="22" r="4.5" fill="#ffffff"/>
+  <circle cx="24" cy="22" r="2" fill="#2563eb"/>
+</svg>
@@ -0,0 +1,228 @@
+# Recommended Skills
+
+This page collects useful community skill repositories that can extend Hermes, Claude Code, Codex-style agents, and similar local agent workflows.
+
+Community skills are third-party code and instructions. Review them before installing, especially when a skill can read API keys, cookies, browser sessions, local files, repositories, shell scripts, package managers, or social media accounts.
+
+Useful skill recommendations are welcome. If you find a high-quality skill that should be listed here, please submit a pull request on GitHub with the repository link, usage scenario, and any security notes.
+
+## Maintenance Guidelines
+
+- Keep this document in English. Update `skill-recommendations.zh.md` separately for the Chinese version.
+- Add recommendations under the closest existing category before creating a new category.
+- Use the same structure for each item: repository link, focus, good-for scenarios, representative skills or capabilities when available, and notes when there are installation, API, or security concerns.
+- Keep descriptions factual and concise. Prefer information confirmed from the repository README, `SKILL.md`, examples, or package metadata.
+- Do not paste secrets, private tokens, install commands that auto-execute remote code, or unverifiable marketing claims.
+- Put security-sensitive skills in context: mention when they can access credentials, browsers, local files, shells, package managers, external APIs, or social accounts.
+- For unsupported locales, the UI falls back to this English document.
+
+## Security First
+
+- Treat every third-party skill as untrusted until reviewed.
+- Read `SKILL.md`, scripts, hooks, and dependency installers before running.
+- Be extra careful with skills that post to social media, access browsers, read credentials, install packages, execute shell commands, or send local files to external APIs.
+- Prefer testing new skills in a disposable profile or sandboxed project first.
+- Use a security review skill such as SlowMist Agent Security when evaluating unknown repositories, URLs, MCP servers, or skill packages.
+
+## Official And General-Purpose Skills
+
+### Anthropic Official Skills
+
+- Repository: [anthropics/skills](https://github.com/anthropics/skills/tree/main/skills)
+- Focus: official reference skills for Claude-style agents.
+- Good for: learning the expected skill structure, adapting stable examples, and bootstrapping common workflows.
+- Representative skills: `docx`, `pdf`, `pptx`, `xlsx`, `frontend-design`, `webapp-testing`, `skill-creator`, `mcp-builder`, `theme-factory`, `web-artifacts-builder`.
+- Notes: a good first source when you want conservative, well-structured examples.
+
+### Matt Pocock Skills
+
+- Repository: [mattpocock/skills](https://github.com/mattpocock/skills)
+- Focus: engineering and productivity skills from a real development workflow.
+- Good for: TypeScript engineering, test-driven work, triage, diagnosis, reviews, prototyping, and product handoff workflows.
+- Representative skills: `tdd`, `triage`, `diagnose`, `prototype`, `review`, `to-prd`, `to-issues`, `handoff`, `write-a-skill`.
+- Notes: useful when you want agent behavior that is direct, structured, and engineering-oriented.
+
+## Design, Slides, And Visual Work
+
+### Frontend Slides
+
+- Repository: [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides)
+- Focus: creating web-native slide decks with frontend techniques.
+- Good for: HTML/CSS slide decks, visual storytelling, and browser-rendered presentations.
+- Notes: useful when a deck should be designed as a rich web artifact rather than a traditional office file.
+
+### Huashu Design
+
+- Repository: [alchaincyf/huashu-design](https://github.com/alchaincyf/huashu-design)
+- Focus: HTML-native design work for Claude Code and agent workflows.
+- Good for: high-fidelity prototypes, slides, animation concepts, visual review, and export-oriented design flows.
+- Notes: includes design philosophy, review heuristics, and presentation-oriented workflows.
+
+### Guizang PPT Skill
+
+- Repository: [op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill)
+- Focus: polished HTML slide decks with editorial, magazine, and Swiss-style layouts.
+- Good for: presentation decks, social covers, image prompts, and visual narrative work.
+- Notes: includes a presentation runtime and style-oriented slide generation patterns.
+
+### HTML PPT Skill
+
+- Repository: [lewislulu/html-ppt-skill](https://github.com/lewislulu/html-ppt-skill)
+- Focus: HTML PPT Studio for professional HTML presentations.
+- Good for: themed slide decks, layout-rich presentations, and animated browser presentations.
+- Representative capabilities: multiple themes, layout templates, animation patterns, and HTML presentation scaffolding.
+
+### PPT Image First
+
+- Repository: [NyxTides/ppt-image-first](https://github.com/NyxTides/ppt-image-first)
+- Focus: image-first presentation generation.
+- Good for: decks where the visual direction should lead the content structure.
+- Notes: designed for Codex, Claude Code, and OpenCode-style CLI agents.
+
+### GPT Image To PPT
+
+- Repository: [JuneYaooo/gpt-image2-ppt-skills](https://github.com/JuneYaooo/gpt-image2-ppt-skills)
+- Focus: cloning or adapting PowerPoint visual layouts using image generation.
+- Good for: recreating a deck style from an existing `.pptx` template while replacing the actual content.
+- Notes: useful for template-driven presentations, but review external image generation/API behavior before use.
+
+### Fireworks Tech Graph
+
+- Repository: [yizhiyanhua-ai/fireworks-tech-graph](https://github.com/yizhiyanhua-ai/fireworks-tech-graph)
+- Focus: technical diagram generation.
+- Good for: architecture diagrams, workflow charts, UML-style visuals, AI agent workflow diagrams, and production-ready SVG/PNG outputs.
+- Notes: a practical choice when you need diagrams rather than full slide decks.
+
+### Diagram Skill
+
+- Repository: [312362115/claude diagram skill](https://github.com/312362115/claude/blob/main/skills/diagram/SKILL.md)
+- Focus: diagram generation inside a broader Claude skill collection.
+- Good for: generating structured diagrams, templates, and visual explanations.
+- Notes: this is a direct skill file link, so review the surrounding `references`, `scripts`, and `templates` folders before installing.
+
+## Writing, Documents, And Knowledge Work
+
+### Huashu Markdown To HTML
+
+- Repository: [alchaincyf/huashu-md-html](https://github.com/alchaincyf/huashu-md-html)
+- Focus: Markdown and HTML conversion pipelines.
+- Good for: converting files or URLs to Markdown, turning Markdown into polished HTML, and converting HTML back to Markdown.
+- Representative tools: MarkItDown, Pandoc, html-to-markdown, and trafilatura-based workflows.
+- Notes: useful for content publishing, document cleanup, and HTML presentation pages.
+
+### Chinese Web Novel Skill
+
+- Repository: [Tomsawyerhu/Chinese-WebNovel-Skill](https://github.com/Tomsawyerhu/Chinese-WebNovel-Skill)
+- Focus: Chinese web novel writing workflows.
+- Good for: long-form fiction planning, chapter writing, style continuity, and web-novel oriented drafting.
+- Representative skill: `webnovel-writing`.
+
+### Software Copyright Skill
+
+- Repository: [Fokkyp/SoftwareCopyright-Skill](https://github.com/Fokkyp/SoftwareCopyright-Skill)
+- Focus: preparing Chinese software copyright application materials.
+- Good for: generating `.docx` application documents from a local software project.
+- Representative skills: `software-copyright-materials`, `docx-toolkit`.
+- Notes: this may read local project files. Review file access and document generation behavior before running.
+
+### Patent Disclosure Skill
+
+- Repository: [handsomestWei/patent-disclosure-skill](https://github.com/handsomestWei/patent-disclosure-skill)
+- Focus: patent disclosure drafting.
+- Good for: extracting patentable points from project documents, novelty checks, desensitized drafting, and self-review loops.
+- Notes: may involve web research and sensitive technical documents. Review data handling carefully.
+
+## Image, Media, And Social Publishing
+
+### Baoyu Skills
+
+- Repository: [JimLiu/baoyu-skills](https://github.com/JimLiu/baoyu-skills)
+- Focus: image generation, content transformation, publishing, and media workflows.
+- Good for: image cards, article illustrations, slide decks, URL-to-Markdown conversion, YouTube transcripts, Markdown-to-HTML, and social posting workflows.
+- Representative skills: `baoyu-image-gen`, `baoyu-imagine`, `baoyu-slide-deck`, `baoyu-markdown-to-html`, `baoyu-post-to-x`, `baoyu-post-to-wechat`, `baoyu-post-to-weibo`, `baoyu-url-to-markdown`, `baoyu-youtube-transcript`, `baoyu-translate`, `baoyu-diagram`, `baoyu-comic`.
+- Security note: posting and web-reading skills may access account sessions, cookies, browser state, or external APIs. Review carefully before use.
+
+### Virtual Couple Travel Vlog
+
+- Repository: [vibeshotclub/vsc-skills / virtual-couple-travel-vlog](https://github.com/vibeshotclub/vsc-skills/tree/main/virtual-couple-travel-vlog)
+- Focus: travel-vlog style media generation.
+- Good for: short-form visual storytelling, character-based travel content, and repeatable media production prompts.
+- Notes: this is a subdirectory skill inside a larger skill collection.
+
+## Research, Web Access, And Content Monitoring
+
+### Web Access
+
+- Repository: [eze-is/web-access](https://github.com/eze-is/web-access)
+- Focus: giving an agent structured web access through layered routing and browser/CDP workflows.
+- Good for: web research, browser-assisted tasks, parallel information gathering, and pages that require interaction.
+- Security note: browser access can expose logged-in sessions and local browser state. Audit before enabling.
+
+### OpenCLI
+
+- Repository: [jackwener/opencli](https://github.com/jackwener/opencli)
+- Focus: converting websites, browser sessions, Electron apps, and local tools into CLI-accessible automation surfaces for humans and AI agents.
+- Good for: letting agents operate logged-in Chrome pages, building reusable website adapters, wrapping local binaries, and turning browser workflows into deterministic commands.
+- Representative skills: `opencli-browser`, `opencli-adapter-author`, `opencli-autofix`, `opencli-usage`.
+- Security note: browser-backed commands can use logged-in sessions and local browser state. Review the extension, daemon, adapters, and any generated commands before enabling in sensitive profiles.
+
+### Follow Builders
+
+- Repository: [zarazhangrui/follow-builders](https://github.com/zarazhangrui/follow-builders)
+- Focus: monitoring AI builders across X, blogs, and YouTube podcasts.
+- Good for: tracking builders rather than influencers, summarizing feeds, and creating digest-style updates.
+- Representative data/config files: X feeds, blog feeds, podcast feeds, prompts, and state files.
+- Security note: any social or feed automation should be reviewed for account/session access.
+
+### SlowMist Agent Security
+
+- Repository: [slowmist/slowmist-agent-security](https://github.com/slowmist/slowmist-agent-security)
+- Focus: security review for AI agents operating with untrusted inputs.
+- Good for: checking skills, MCP servers, repositories, URLs, prompts, and crypto/on-chain addresses for security risks.
+- Core idea: external input should be considered untrusted until verified.
+- Notes: recommended before installing or running unfamiliar community skills.
+
+## Persona, Thinking, And Advisory Skills
+
+### Huashu Nuwa Skill
+
+- Repository: [alchaincyf/nuwa-skill](https://github.com/alchaincyf/nuwa-skill)
+- Focus: distilling a person or viewpoint into a reusable agent skill.
+- Good for: advisory-board style thinking, mental models, decision heuristics, and writing in a specific perspective.
+- Representative perspectives: Huashu Nuwa, Feynman, Steve Jobs, Elon Musk, Naval Ravikant, Paul Graham, Nassim Taleb.
+- Notes: useful for brainstorming and viewpoint simulation, not for factual authority.
+
+### PUA / Anti-PUA Skills
+
+- Repository: [tanweai/pua](https://github.com/tanweai/pua)
+- Focus: high-agency, confrontational, coaching, or anti-PUA style agent behavior.
+- Good for: motivation, critique, resistance to manipulation, and intentionally sharp agent feedback.
+- Representative skills: `pua`, `pua-en`, `pua-ja`, `pua-loop`, `mama`, `p7`, `p9`, `p10`, `pro`, `shot`, `yes`.
+- Notes: these skills intentionally change tone and interaction style. Review before enabling in shared or user-facing environments.
+
+### Ex Skill
+
+- Repository: [therealXiaomanChu/ex-skill](https://github.com/therealXiaomanChu/ex-skill)
+- Focus: distilling an ex-partner/persona into an AI skill that speaks in that style.
+- Good for: persona experiments, emotional roleplay, and style simulation.
+- Representative skill: `create-ex`.
+- Notes: use carefully. Persona skills can strongly alter tone and emotional framing.
+
+## Quick Shortlist
+
+If you only want a practical starter set:
+
+- [Anthropic Official Skills](https://github.com/anthropics/skills/tree/main/skills) for reference implementations.
+- [Matt Pocock Skills](https://github.com/mattpocock/skills) for engineering workflows.
+- [Baoyu Skills](https://github.com/JimLiu/baoyu-skills) for image, media, and publishing workflows.
+- [Huashu Design](https://github.com/alchaincyf/huashu-design) for high-fidelity HTML-native design.
+- [Guizang PPT Skill](https://github.com/op7418/guizang-ppt-skill) or [HTML PPT Skill](https://github.com/lewislulu/html-ppt-skill) for browser-based presentations.
+- [Huashu Markdown To HTML](https://github.com/alchaincyf/huashu-md-html) for Markdown/HTML document conversion.
+- [Web Access](https://github.com/eze-is/web-access) for web research workflows.
+- [OpenCLI](https://github.com/jackwener/opencli) for logged-in browser automation and reusable website CLI adapters.
+- [Fireworks Tech Graph](https://github.com/yizhiyanhua-ai/fireworks-tech-graph) for technical diagrams.
+- [SlowMist Agent Security](https://github.com/slowmist/slowmist-agent-security) for reviewing risky community skills.
+
+## Original Source List
+
+This document was compiled from a curated Hermes / Claude skill sharing list and expanded with public GitHub repository metadata.
@@ -0,0 +1,228 @@
+# Skills 推荐清单
+
+这是一份适合 Hermes、Claude Code、Codex 类本地 Agent 工作流的社区 Skill 推荐清单。它主要用于帮助你发现可安装、可参考或可改造的 Skill 来源。
+
+社区 Skill 本质上是第三方指令和代码。安装前请先审计，尤其是会读取 API Key、Cookie、浏览器登录态、本地文件、仓库内容，或者会执行 shell、安装依赖、自动发帖、访问外部 API 的 Skill。
+
+欢迎大家推荐各种好用的 Skill。如果你发现值得收录的高质量 Skill，可以到 GitHub 提交 PR，并附上仓库链接、适用场景和必要的安全说明。
+
+## 维护规范
+
+- 这份文档只维护中文内容；英文版请同步维护 `skill-recommendations.en.md`。
+- 新增推荐时优先放入最接近的现有分类，不要轻易新增大类。
+- 每个条目尽量保持同一结构：仓库链接、方向、适合场景、代表 Skills 或能力、必要备注。
+- 描述要简洁、事实化，优先依据仓库 README、`SKILL.md`、示例或包元数据，不写无法验证的宣传语。
+- 不要写入密钥、私有 token、会自动执行远程代码的安装命令，或无法确认来源的内容。
+- 涉及安全风险的 Skill 要明确说明上下文，例如是否会访问凭据、浏览器、本地文件、shell、包管理器、外部 API 或社交账号。
+- 前端只维护中文和英文两份推荐文档，其他语言统一回退到英文版。
+
+## 安全优先
+
+- 默认把所有第三方 Skill 当成不可信内容，审计后再启用。
+- 安装前阅读 `SKILL.md`、脚本、hooks、依赖安装逻辑和插件配置。
+- 对会访问浏览器、读取凭据、执行 shell、安装 npm/pip/brew 依赖、自动发帖或上传本地文件的 Skill 保持谨慎。
+- 建议先在一次性 profile 或沙盒项目里测试新 Skill。
+- 可以使用 SlowMist Agent Security 这类安全审计 Skill 来检查陌生仓库、URL、MCP、Skill 包和链上地址。
+
+## 官方与通用 Skills
+
+### Anthropic 官方 Skills
+
+- 仓库：[anthropics/skills](https://github.com/anthropics/skills/tree/main/skills)
+- 方向：Claude 官方参考 Skill。
+- 适合：学习标准 Skill 结构、参考稳定实现、搭建通用工作流。
+- 代表 Skills：`docx`、`pdf`、`pptx`、`xlsx`、`frontend-design`、`webapp-testing`、`skill-creator`、`mcp-builder`、`theme-factory`、`web-artifacts-builder`。
+- 备注：如果你想找保守、规范、可参考的 Skill 示例，优先看这个。
+
+### Matt Pocock Skills
+
+- 仓库：[mattpocock/skills](https://github.com/mattpocock/skills)
+- 方向：工程与生产力工作流。
+- 适合：TypeScript 工程、TDD、问题诊断、代码评审、原型开发、PRD/Issue/Handoff 等开发流程。
+- 代表 Skills：`tdd`、`triage`、`diagnose`、`prototype`、`review`、`to-prd`、`to-issues`、`handoff`、`write-a-skill`。
+- 备注：适合希望 Agent 更像工程协作者时使用。
+
+## 设计、幻灯片与可视化
+
+### Frontend Slides
+
+- 仓库：[zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides)
+- 方向：用前端技术生成网页幻灯片。
+- 适合：HTML/CSS 幻灯片、视觉叙事、浏览器渲染的演示稿。
+- 备注：适合把演示稿当成 Web Artifact 来做，而不是传统 Office 文件。
+
+### 华叔 Design
+
+- 仓库：[alchaincyf/huashu-design](https://github.com/alchaincyf/huashu-design)
+- 方向：Claude Code 中的 HTML 原生设计 Skill。
+- 适合：高保真原型、幻灯片、动画概念、视觉评审和导出型设计流程。
+- 备注：包含设计哲学、评审维度和演示型工作流。
+
+### 归藏 PPT Skill
+
+- 仓库：[op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill)
+- 方向：生成高质量 HTML 幻灯片。
+- 适合：杂志风、编辑风、瑞士风等视觉风格的演示稿、社交封面、图片提示词和叙事型页面。
+- 备注：包含演示运行时和风格化生成模式。
+
+### HTML PPT Skill
+
+- 仓库：[lewislulu/html-ppt-skill](https://github.com/lewislulu/html-ppt-skill)
+- 方向：HTML PPT Studio。
+- 适合：主题化幻灯片、复杂布局演示稿和带动画的浏览器演示。
+- 代表能力：多主题、多布局、动画模式和 HTML 演示脚手架。
+
+### PPT Image First
+
+- 仓库：[NyxTides/ppt-image-first](https://github.com/NyxTides/ppt-image-first)
+- 方向：图片优先的 PPT 生成。
+- 适合：视觉方向先行的演示稿创作。
+- 备注：面向 Codex、Claude Code、OpenCode CLI 等 Agent 工作流。
+
+### GPT Image To PPT
+
+- 仓库：[JuneYaooo/gpt-image2-ppt-skills](https://github.com/JuneYaooo/gpt-image2-ppt-skills)
+- 方向：用图像生成能力复刻或改造 PPT 视觉版式。
+- 适合：从已有 `.pptx` 模板中学习版式，再替换成自己的内容。
+- 备注：涉及图像生成和外部 API 时请先检查配置与数据发送逻辑。
+
+### Fireworks Tech Graph
+
+- 仓库：[yizhiyanhua-ai/fireworks-tech-graph](https://github.com/yizhiyanhua-ai/fireworks-tech-graph)
+- 方向：技术图表生成。
+- 适合：架构图、流程图、UML 风格图、AI Agent 工作流图，以及 SVG/PNG 输出。
+- 备注：需要图表而不是整套演示稿时很实用。
+
+### Diagram Skill
+
+- 仓库：[312362115/claude diagram skill](https://github.com/312362115/claude/blob/main/skills/diagram/SKILL.md)
+- 方向：结构化图表生成。
+- 适合：生成图表、模板化视觉解释和技术说明。
+- 备注：这是一个直接指向 `SKILL.md` 的链接，安装前也要检查同目录下的 `references`、`scripts` 和 `templates`。
+
+## 写作、文档与知识工作
+
+### 华叔 Markdown To HTML
+
+- 仓库：[alchaincyf/huashu-md-html](https://github.com/alchaincyf/huashu-md-html)
+- 方向：Markdown 与 HTML 双向转换流水线。
+- 适合：把文件或网页转 Markdown，把 Markdown 转精美 HTML，把 HTML 再转回 Markdown。
+- 代表工具：MarkItDown、Pandoc、html-to-markdown、trafilatura。
+- 备注：适合内容发布、文档清理和 HTML 页面生成。
+
+### 中文网文写作 Skill
+
+- 仓库：[Tomsawyerhu/Chinese-WebNovel-Skill](https://github.com/Tomsawyerhu/Chinese-WebNovel-Skill)
+- 方向：中文网文小说写作。
+- 适合：长篇小说规划、章节创作、风格延续和网文式叙事。
+- 代表 Skill：`webnovel-writing`。
+
+### 软件著作权材料 Skill
+
+- 仓库：[Fokkyp/SoftwareCopyright-Skill](https://github.com/Fokkyp/SoftwareCopyright-Skill)
+- 方向：中国软件著作权申请材料生成。
+- 适合：根据本地项目生成 `.docx` 软著申请材料。
+- 代表 Skills：`software-copyright-materials`、`docx-toolkit`。
+- 备注：可能读取本地项目文件，运行前请审计文件访问和文档生成逻辑。
+
+### 专利交底书 Skill
+
+- 仓库：[handsomestWei/patent-disclosure-skill](https://github.com/handsomestWei/patent-disclosure-skill)
+- 方向：专利技术交底书生成。
+- 适合：从项目文档挖掘专利点、联网查新、脱敏成文和自检。
+- 备注：可能涉及敏感技术资料和联网检索，使用前请关注数据处理方式。
+
+## 图片、媒体与社交发布
+
+### 宝玉 Skills
+
+- 仓库：[JimLiu/baoyu-skills](https://github.com/JimLiu/baoyu-skills)
+- 方向：图片生成、内容转换、发布和媒体工作流。
+- 适合：图片卡片、文章配图、幻灯片、URL 转 Markdown、YouTube 字幕、Markdown 转 HTML、社交平台发布。
+- 代表 Skills：`baoyu-image-gen`、`baoyu-imagine`、`baoyu-slide-deck`、`baoyu-markdown-to-html`、`baoyu-post-to-x`、`baoyu-post-to-wechat`、`baoyu-post-to-weibo`、`baoyu-url-to-markdown`、`baoyu-youtube-transcript`、`baoyu-translate`、`baoyu-diagram`、`baoyu-comic`。
+- 安全提示：发帖和网页读取类 Skill 可能访问账号会话、Cookie、浏览器状态或外部 API，使用前务必审计。
+
+### Virtual Couple Travel Vlog
+
+- 仓库：[vibeshotclub/vsc-skills / virtual-couple-travel-vlog](https://github.com/vibeshotclub/vsc-skills/tree/main/virtual-couple-travel-vlog)
+- 方向：旅行 vlog 风格媒体生成。
+- 适合：短视频视觉叙事、角色化旅行内容和可复用媒体提示词。
+- 备注：这是一个大仓库里的子目录 Skill。
+
+## Web 访问、研究与内容监控
+
+### Web Access
+
+- 仓库：[eze-is/web-access](https://github.com/eze-is/web-access)
+- 方向：为 Agent 提供结构化联网能力。
+- 适合：网页研究、浏览器辅助任务、并行信息收集和需要交互的网站。
+- 安全提示：浏览器访问可能暴露已登录状态和本地浏览器数据，启用前要审计。
+
+### OpenCLI
+
+- 仓库：[jackwener/opencli](https://github.com/jackwener/opencli)
+- 方向：把网站、浏览器会话、Electron 应用和本地工具转换成 CLI 可调用的自动化入口。
+- 适合：让 Agent 操作已登录的 Chrome 页面、编写可复用网站适配器、封装本地命令，以及把浏览器流程变成稳定命令。
+- 代表 Skills：`opencli-browser`、`opencli-adapter-author`、`opencli-autofix`、`opencli-usage`。
+- 安全提示：浏览器命令可能使用已登录会话和本地浏览器状态。启用前请审计扩展、daemon、适配器和生成的命令，敏感 profile 里尤其要谨慎。
+
+### Follow Builders
+
+- 仓库：[zarazhangrui/follow-builders](https://github.com/zarazhangrui/follow-builders)
+- 方向：跟踪 AI builders 的 X、博客和 YouTube 播客内容。
+- 适合：关注 builder 而不是 influencer，生成摘要和内容 digest。
+- 代表内容：X feed、blog feed、podcast feed、prompts 和状态文件。
+- 安全提示：社交和 feed 自动化要关注账号、Cookie 和访问权限。
+
+### SlowMist Agent Security
+
+- 仓库：[slowmist/slowmist-agent-security](https://github.com/slowmist/slowmist-agent-security)
+- 方向：AI Agent 安全审计框架。
+- 适合：检查 Skill、MCP、仓库、URL、Prompt 和链上地址的安全风险。
+- 核心原则：所有外部输入在验证前都不可信。
+- 备注：安装陌生社区 Skill 前建议优先使用。
+
+## Persona、思维方式与顾问类 Skills
+
+### 华叔 Nuwa Skill
+
+- 仓库：[alchaincyf/nuwa-skill](https://github.com/alchaincyf/nuwa-skill)
+- 方向：把某个人或视角蒸馏成可复用 Skill。
+- 适合：顾问团式思考、心智模型、决策启发式和特定视角写作。
+- 代表视角：华叔 Nuwa、Feynman、Jobs、Musk、Naval、Paul Graham、Taleb。
+- 备注：适合头脑风暴和视角模拟，不应当作事实权威。
+
+### PUA / 反 PUA 类 Skills
+
+- 仓库：[tanweai/pua](https://github.com/tanweai/pua)
+- 方向：高能动性、强反馈、反操控或尖锐教练风格的 Agent 行为。
+- 适合：动机强化、批判反馈、反操控和刻意强风格交互。
+- 代表 Skills：`pua`、`pua-en`、`pua-ja`、`pua-loop`、`mama`、`p7`、`p9`、`p10`、`pro`、`shot`、`yes`。
+- 备注：这类 Skill 会明显改变语气和互动方式，不建议直接用于共享或面向用户的环境。
+
+### Ex Skill
+
+- 仓库：[therealXiaomanChu/ex-skill](https://github.com/therealXiaomanChu/ex-skill)
+- 方向：把某个前任/人格风格蒸馏成 AI Skill。
+- 适合：Persona 实验、情绪化角色扮演和特定语气模拟。
+- 代表 Skill：`create-ex`。
+- 备注：Persona 类 Skill 可能强烈影响语气和情绪框架，使用前请确认场景合适。
+
+## 快速推荐
+
+如果你只想先装一批实用的，可以从这些开始：
+
+- [Anthropic 官方 Skills](https://github.com/anthropics/skills/tree/main/skills)：参考实现和通用能力。
+- [Matt Pocock Skills](https://github.com/mattpocock/skills)：工程流程。
+- [宝玉 Skills](https://github.com/JimLiu/baoyu-skills)：图片、媒体和发布。
+- [华叔 Design](https://github.com/alchaincyf/huashu-design)：高保真 HTML 设计。
+- [归藏 PPT Skill](https://github.com/op7418/guizang-ppt-skill) 或 [HTML PPT Skill](https://github.com/lewislulu/html-ppt-skill)：浏览器演示稿。
+- [华叔 Markdown To HTML](https://github.com/alchaincyf/huashu-md-html)：Markdown/HTML 文档转换。
+- [Web Access](https://github.com/eze-is/web-access)：网页研究。
+- [OpenCLI](https://github.com/jackwener/opencli)：已登录浏览器自动化和可复用网站 CLI 适配器。
+- [Fireworks Tech Graph](https://github.com/yizhiyanhua-ai/fireworks-tech-graph)：技术图表。
+- [SlowMist Agent Security](https://github.com/slowmist/slowmist-agent-security)：社区 Skill 安全审计。
+
+## 来源说明
+
+本文档基于一份 Hermes / Claude Skills 分享清单整理，并补充了公开 GitHub 仓库描述与目录信息。