{"id":"204def09-a75d-403e-bea3-9e87346376e7","shortId":"WuQ7Bv","kind":"skill","title":"Inline CSS into HTML emails before delivery across mail clients with Juice","tagline":"Use Juice when an agent already has finished HTML and needs it transformed into email-safe output before sending, archiving, or handing off to another system. The skill inlines stylesheet rules into element style attributes so downstream mail clients and embedded contexts keep th","description":"# Inline CSS into HTML emails before delivery across mail clients with Juice\n\nUse Juice when an agent already has finished HTML and needs it transformed into email-safe output before sending, archiving, or handing off to another system. The skill inlines stylesheet rules into element style attributes so downstream mail clients and embedded contexts keep the intended presentation without manual cleanup.\n\n## Prerequisites\n\nNode.js\n\n## Installation\n\nRequirements and caveats from upstream:\n- Attempting to Browserify require('juice') fails because portions of Juice and its dependencies interact with the file system using the standard require('fs'). However, you can require('juice/client') via Browserify wh...\n\nBasic usage or getting-started notes:\n- For example, Handlebars (hbs) templates are juice.codeBlocks.HBS = {start: '{{', end: '}}'}. codeBlocks can fix problems where otherwise juice might interpret code like <= as HTML, when it is meant to be template lang...\n- To use Juice from CLI, run juice [options] input.html output.html\n- The CLI should have all the above [options](#options) with the names changed from camel case to hyphen-delimited, so for example extraCss becomes extra-css and webResources.scripts becomes web-resources-scripts.\n\n- Source: https://github.com/Automattic/juice\n- Extracted from upstream docs: https://raw.githubusercontent.com/Automattic/juice/HEAD/README.md\n\n## Documentation\n\n- https://github.com/Automattic/juice#readme\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice/)","tags":["inline","css","into","html","emails","before","delivery","across","mail","clients","juice","skills"],"capabilities":["skill","source-agentskillexchange","skill-inline-css-into-html-emails-before-delivery-across-mail-clients-juice","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,613 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:10:55.415Z","embedding":null,"createdAt":"2026-05-18T13:17:10.584Z","updatedAt":"2026-05-18T19:10:55.415Z","lastSeenAt":"2026-05-18T19:10:55.415Z","tsv":"'/automattic/juice':244 '/automattic/juice#readme':255 '/automattic/juice/head/readme.md':251 '/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice/)':262 'across':8,65 'agent':17,74,257 'agentskillexchange.com':261 'agentskillexchange.com/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice/)':260 'alreadi':18,75 'anoth':38,95 'archiv':33,90 'attempt':128 'attribut':48,105 'basic':159 'becom':230,236 'browserifi':130,157 'camel':220 'case':221 'caveat':125 'chang':218 'cleanup':119 'cli':200,207 'client':10,52,67,109 'code':184 'codeblock':175 'context':55,112 'css':2,59,233 'delimit':225 'deliveri':7,64 'depend':140 'doc':248 'document':252 'downstream':50,107 'element':46,103 'email':5,28,62,85 'email-saf':27,84 'embed':54,111 'end':174 'exampl':167,228 'exchang':259 'extra':232 'extra-css':231 'extracss':229 'extract':245 'fail':133 'file':144 'finish':20,77 'fix':177 'fs':150 'get':163 'getting-start':162 'github.com':243,254 'github.com/automattic/juice':242 'github.com/automattic/juice#readme':253 'hand':35,92 'handlebar':168 'hbs':169 'howev':151 'html':4,21,61,78,187 'hyphen':224 'hyphen-delimit':223 'inlin':1,42,58,99 'input.html':204 'instal':122 'intend':115 'interact':141 'interpret':183 'juic':12,14,69,71,132,137,181,198,202 'juice.codeblocks.hbs':172 'juice/client':155 'keep':56,113 'lang':195 'like':185 'mail':9,51,66,108 'manual':118 'meant':191 'might':182 'name':217 'need':23,80 'node.js':121 'note':165 'option':203,213,214 'otherwis':180 'output':30,87 'output.html':205 'portion':135 'prerequisit':120 'present':116 'problem':178 'raw.githubusercontent.com':250 'raw.githubusercontent.com/automattic/juice/head/readme.md':249 'requir':123,131,149,154 'resourc':239 'rule':44,101 'run':201 'safe':29,86 'script':240 'send':32,89 'skill':41,98,258 'skill-inline-css-into-html-emails-before-delivery-across-mail-clients-juice' 'sourc':241,256 'source-agentskillexchange' 'standard':148 'start':164,173 'style':47,104 'stylesheet':43,100 'system':39,96,145 'templat':170,194 'th':57 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'transform':25,82 'upstream':127,247 'usag':160 'use':13,70,146,197 'via':156 'web':238 'web-resources-script':237 'webresources.scripts':235 'wh':158 'without':117","prices":[{"id":"20769009-5489-4674-88ff-32dbfe43b537","listingId":"204def09-a75d-403e-bea3-9e87346376e7","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:17:10.584Z"}],"sources":[{"listingId":"204def09-a75d-403e-bea3-9e87346376e7","source":"github","sourceId":"agentskillexchange/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice","isPrimary":false,"firstSeenAt":"2026-05-18T13:17:10.584Z","lastSeenAt":"2026-05-18T19:10:55.415Z"}],"details":{"listingId":"204def09-a75d-403e-bea3-9e87346376e7","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"inline-css-into-html-emails-before-delivery-across-mail-clients-juice","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"b71960c7db84747213bdb3de84665701480e0646","skill_md_path":"skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Inline CSS into HTML emails before delivery across mail clients with Juice","description":"Use Juice when an agent already has finished HTML and needs it transformed into email-safe output before sending, archiving, or handing off to another system. The skill inlines stylesheet rules into element style attributes so downstream mail clients and embedded contexts keep the intended presentation without manual cleanup."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/inline-css-into-html-emails-before-delivery-across-mail-clients-juice"},"updatedAt":"2026-05-18T19:10:55.415Z"}}