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.