/ الدليل / الملعب / HTML Anything
← كل الخوادم ↗ GitHub
● مجتمع clockless-org ⚡ فوري

HTML Anything

بواسطة clockless-org · clockless-org/html-anything

Convert any file (logs, PDFs, transcripts, code) into a beautiful, shareable HTML page.

Drop a file — log dump, PDF, WhatsApp chat export, code, transcript — and get back a self-contained, polished HTML page across 16 design themes. Great for sharing intermediate work without paying for Notion-style hosting.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

html-anything-skill.replay ▶ جاهز
0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "html-anything-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/clockless-org/html-anything",
        "~/.claude/skills/html-anything"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "html-anything-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/clockless-org/html-anything",
        "~/.claude/skills/html-anything"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "html-anything-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/clockless-org/html-anything",
        "~/.claude/skills/html-anything"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "html-anything-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/clockless-org/html-anything",
        "~/.claude/skills/html-anything"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "html-anything-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/clockless-org/html-anything",
        "~/.claude/skills/html-anything"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "html-anything-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/clockless-org/html-anything",
          "~/.claude/skills/html-anything"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add html-anything-skill -- git clone https://github.com/clockless-org/html-anything ~/.claude/skills/html-anything

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: HTML Anything

Turn an incident log into a shareable HTML report

👤 On-call engineers writing postmortems ⏱ ~15 min intermediate

متى تستخدمه: You have raw logs + a timeline draft and want a shareable artifact, not a wall of text.

المتطلبات الأساسية
  • Server/skill installed and authenticated — See repo README
الخطوات
  1. Bundle
    Use html-anything to turn /incidents/2026-05-21/*.log + timeline.md into a single HTML report. Use the 'serious' theme.✓ تم النسخ
    → One incident.html
  2. Share
    Email the file path to me.✓ تم النسخ
    → Self-contained HTML, no broken images when forwarded

النتيجة: A polished postmortem artifact in one shot.

المزالق
  • Some 'magazine' themes embed large fonts that bloat the file. Use 'minimal' for email attachments. — Some 'magazine' themes embed large fonts that bloat the file. Use 'minimal' for email attachments.

التكلفة والحدود

تكلفة التشغيل

حصة API
See provider docs for rate limits
الرموز لكل استدعاء
Varies by tool
التكلفة المالية
See repo README for pricing details
نصيحة
Cache tool results and avoid repeated identical calls.

الأمان

الصلاحيات والأسرار ونطاق الأثر

تخزين بيانات الاعتماد: Use environment variables; never commit secrets
نقل البيانات الخارجي: Tool calls go to the provider's API as documented

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

HTML too large

Switch theme to 'minimal' (no embedded fonts). Inline images become base64 — strip them for size.

تحقق: ls -lh report.html
code blocks don't highlight

Some themes default to no-highlight. Pass --code-highlight on.

تحقق: Inspect HTML for highlight classes

البدائل

HTML Anything مقابل البدائل

البديلمتى تستخدمهاالمقايضة
zarazhangrui/frontend-slidesYou want slide decksSlides only

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills