lh-html-to-imageConvert HTML+CSS into PNG images via Chrome headless for accurate text layouts like covers, posters, and info cards at zero API cost.
Install via ClawdBot CLI:
clawdbot install liuhedev/lh-html-to-imageGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/liuhedev/lh-openclaw-kitAudited Apr 17, 2026 · audit v1.0
Generated Mar 21, 2026
Marketers and content creators generate custom cover images, quote cards, and promotional banners for platforms like Instagram, Facebook, and LinkedIn. This tool ensures brand consistency with precise text rendering and layout control, ideal for campaigns and announcements.
Online retailers create info cards and comparison charts to showcase product features, pricing, and specifications on their websites or in digital catalogs. It helps enhance visual appeal and information clarity without relying on graphic design software.
Educators and trainers produce text-heavy visual aids, such as highlight cards and infographics, for presentations, online courses, and study guides. The tool supports accurate text rendering, making it suitable for academic and training content.
Event organizers design posters, flyers, and digital banners for conferences, workshops, and community events. Using HTML and CSS allows for quick iterations and customization based on event themes and branding requirements.
Companies generate internal info cards and data visualization images for reports, dashboards, and team updates. This aids in presenting complex information clearly in meetings or internal platforms, improving communication efficiency.
Offer a free basic version for generating simple images, with premium features like custom templates, batch processing, and API access for a subscription fee. This attracts individual users and small businesses while monetizing advanced needs.
License the tool to other businesses, such as marketing agencies or e-commerce platforms, for integration into their own services. Provide customization options and technical support, generating revenue through licensing agreements and maintenance fees.
Provide consulting services to help clients implement the tool for specific use cases, such as creating branded templates or automating image generation workflows. Charge for project-based work, training, and custom integrations.
💬 Integration Tip
Set the CHROME_PATH environment variable to customize Chrome installation paths, and test HTML layouts in a regular browser before generating images to ensure accuracy.
Scored Apr 18, 2026
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.