用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/asgeirtj/system_prompts_leaks --skill html-email命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
Reference for writing a Workflow tool script (script API and gotchas, resume, quality patterns, worked examples). Load before authoring a script for a workflow the user already opted into; it does not itself authorize running one.
Runtime capabilities a published Artifact page can be granted — behavior static HTML cannot provide on its own, such as the page reading live or connected data, remembering what people do on it (a poll, a sign-up sheet, a checklist, a document edited in place — it saves new versions of itself), keeping state shared across viewers, knowing who is viewing, asking Claude a question of its own, storing files people add, or handing the viewer a file to save. Serves this user's live capability roster and the typed call definitions. Load it whenever the user asks for an artifact needing any such runtime behavior.
Design guidance and fundamentals for Artifacts.
基于 SOC 职业分类
正在显示 SKILL.md
| name | html-email |
| description | Send-ready single-file email |
| user-invocable | true |
Design an HTML email as ONE self-contained .html file that survives real email clients. Email rendering is not browser rendering — Gmail, Outlook, and Apple Mail each strip or mangle different things, and the rules below are what reliably survives all three. When a rule here conflicts with normal web-design instincts, the rule wins.
Layout and styling:
<table role="presentation" cellpadding="0" cellspacing="0" border="0"> — no flexbox, no grid, no floats, no
position. One centered wrapper table, max-width 600px, single-column
flow (stacked rows beat side-by-side columns).<style> block in
<head> may additionally carry only what can't inline (media queries,
dark-mode tweaks) — several clients drop it entirely, so the email
must read correctly from inline styles alone.<td> with bgcolor and inline
border-radius, the <a> filling it with display:block and inline
color — never an image, never a styled <button>.Client quirks that matter:
<!--[if mso]> … <![endif]--> conditionals.<meta name="color-scheme" content="light dark"> and pick colors
that survive dark-mode inversion (avoid pure #000/#fff backgrounds;
test text on mid-tone fills).Deliverability and accessibility:
<body>: a hidden preheader span (~85 chars) that
previews next to the subject line.<html>, real <a href> links (no
dead # anchors), and a footer with a plausible unsubscribe line and
postal address for anything marketing-shaped.Show the design at 600px; mention in your reply that the file is send-ready HTML the user can drop into their email tool.