html-designerExpert web graphic designer specializing in HTML/CSS design with deep knowledge of graphic design principles, typography, color theory, and visual hierarchy....
Install via ClawdBot CLI:
clawdbot install jhauga/html-designerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://www.w3.org/WAI/WCAG21/quickref/Audited Apr 18, 2026 · audit v1.0
Generated Mar 21, 2026
Create a visually compelling landing page for a new software-as-a-service product, focusing on clear visual hierarchy to highlight key features and calls-to-action. Use responsive design principles to ensure optimal viewing across devices, incorporating professional color palettes and typography to build brand trust and drive conversions.
Design a portfolio showcase for a graphic design or marketing agency, emphasizing balance and composition to display work effectively. Implement semantic HTML and accessibility features to reach a broad audience, using grid systems for organized project layouts that enhance visual appeal and user engagement.
Build a promotional marketing page for an e-commerce brand launch or seasonal sale, applying contrast and alignment to highlight discounts and products. Ensure mobile-first design for seamless shopping experiences, with optimized images and performance-aware coding to reduce load times and improve conversion rates.
Craft accessible and visually appealing HTML email templates for corporate newsletters or promotional campaigns, adhering to email client compatibility and responsive design. Use intentional simplicity and color theory to maintain brand consistency while ensuring readability and engagement across various email platforms.
Develop a reusable component library with aesthetic consistency for a web development team, focusing on design systems with typography and spacing guidelines. Implement clean HTML markup and CSS-ready classes to streamline prototyping and production, supporting scalable projects across multiple platforms.
Offer custom HTML/CSS design services to small businesses and startups, creating landing pages, portfolios, and marketing materials. Charge per project or hourly rates, with potential for recurring revenue through maintenance and updates, leveraging the skill's templates and principles for efficient delivery.
Sell pre-designed HTML templates and themes on platforms like ThemeForest or Creative Market, targeting entrepreneurs and developers. Generate passive income by creating versatile designs for portfolios, landing pages, and email templates, with updates and support as additional revenue streams.
Partner with marketing or digital agencies to provide white-labeled web design services, handling HTML implementation for their clients. Earn revenue through retainer contracts or per-project fees, using the skill's reference materials to ensure high-quality, consistent outputs that align with agency branding.
💬 Integration Tip
Integrate this skill by starting with the provided asset templates as foundations, then customize using the reference files for design principles and technical guidelines to ensure accessibility and responsiveness in projects.
Scored Apr 19, 2026
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.
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.
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.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.