{"id":"625dd5ad-4ef8-4dc7-8742-491a24bf56e4","shortId":"ud2uNu","kind":"skill","title":"user-ask-for-report","tagline":"Generate a clean white Tailwind CDN report page from user content, optionally password-gate viewing via client-side decryption, and deploy to Originless/IPFS.","description":"# Generate Report Website with Tailwind + Originless\n\nCreate a single `index.html` report page from user-provided content, style it with Tailwind CDN (white background, subtle animations), then publish it to Originless for instant hosting.\n\nAt the start, ask whether the user wants a **single-file page** (`index.html` only) or a **multi-file site** (separate CSS/JS/images/assets).\nIf they want multiple files, use `skills/static-assets-hosting/SKILL.md` and upload a `.zip` that contains `index.html` plus all assets.\n\n## When to use\n\n- User asks for a quick hosted report or landing page from text/data\n- User wants no-build static HTML output (`index.html` only)\n- User wants instant public hosting via Originless/IPFS\n- User optionally asks for a password prompt before content is shown\n\nBefore generating the final HTML, pre-upload any images or other assets you plan to include and use the returned hosted URLs in `index.html`.\nIf the report content appears sensitive (PII, credentials, private business data, internal docs), explicitly ask the user whether they want password protection enabled.\nIf the user requests multiple local files, do not continue with this single-file flow; switch to `skills/static-assets-hosting/SKILL.md`.\n\n## Required tools / APIs\n\n- Originless endpoint (pick one):\n - `http://localhost:3232/upload` (self-hosted)\n - `https://filedrop.besoeasy.com/upload` (public instance)\n\nNo build tooling is required for the basic flow.\n\n## Skills\n\n### generate_index_html_report\n\nGenerate an `index.html` with Tailwind CDN and subtle animations.\n\n**Design constraints:**\n\n- White-first layout (`bg-white`, dark text)\n- Slight motion only (fade/slide on cards, soft hover)\n- Responsive, readable typography\n- No external framework build step\n\n**Starter template (`index.html`):**\n\n```html\n\n\n \n \n \n Report\n \n \n \n \n \n \n
User Report
\n
Generated static report page
\n \n\n \n \n
Summary
\n
Replace with user-requested content.
\n \n \n \n \n\n```\n\n### upload_report_to_originless\n\nUpload generated `index.html` and return hosted URL.\n\nIf the report includes images/files, upload those assets first, collect their hosted URLs/CIDs, and reference those URLs inside `index.html` before uploading the page.\n\nPrefer `curl` for uploads, since it handles `multipart/form-data` reliably out of the box.\nIf another tool/runtime is used, it must be a full `curl -F` replacement: send a real multipart body, include the file part named exactly `file`, and preserve filename/content-type behavior.\n\n**Bash:**\n\n```bash\n# Self-hosted Originless\ncurl -fsS -X POST -F \"file=@index.html\" http://localhost:3232/upload\n\n# Public Originless\ncurl -fsS -X POST -F \"file=@index.html\" https://filedrop.besoeasy.com/upload\n```\n\n**Node.js:**\n\n```javascript\nimport fs from \"node:fs\";\n\nconst file = new Blob([fs.readFileSync(\"index.html\")], { type: \"text/html\" });\nconst form = new FormData();\nform.append(\"file\", file, \"index.html\");\n\nconst endpoint = \"https://filedrop.besoeasy.com/upload\";\nconst res = await fetch(endpoint, { method: \"POST\", body: form });\nif (!res.ok) throw new Error(`Upload failed: ${res.status}`);\n\nconst out = await res.json();\nconsole.log(out.url || out.cid || out);\n```\n\n### password_gate_report_optional\n\nIf user requests a password, keep content encrypted in the HTML and only render when the correct password is entered.\n\n> Important: this is client-side access gating, not strong secret storage. Anyone with the file can still inspect code/assets.\n\n**Client-side unlock block (drop into `index.html`):**\n\n```html\n