Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub · Content Creation
HTML
Avoid common HTML mistakes — accessibility gaps, form pitfalls, and SEO oversights.
skill openclawclawhub Free
Avoid common HTML mistakes — accessibility gaps, form pitfalls, and SEO oversights.
⬇ 0 downloads ★ 0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- ivangdavila
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Layout Shift Prevention
width and height on <img> even with CSS sizing — browser reserves space before load aspect-ratio in CSS as fallback — for responsive images without dimensions
Form Gotchas
autocomplete attribute is specific — autocomplete="email", autocomplete="new-password", not just on/off <fieldset> + <legend> required for radio/checkbox groups — screen readers announce the group label inputmode for virtual keyboard — inputmode="numeric" shows number pad without validation constraints enterkeyhint changes mobile keyboard button — enterkeyhint="search", enterkeyhint="send"
Accessibility Gaps
Skip link must be first focusable — <a href="#main" class="skip">Skip to content</a> before nav <th scope="col"> or scope="row" — without scope, screen readers can't associate headers aria-hidden="true" hides from screen readers — use for decorative icons, not interactive elements role="presentation" on layout tables — if you must use tables for layout (you shouldn't)
Link Security
target="_blank" needs rel="noopener noreferrer" — noopener prevents window.opener access, noreferrer hides referrer User-generated links need rel="nofollow ugc" — ugc tells search engines it's user content
SEO Meta
<link rel="canonical"> prevents duplicate content — self-referencing canonical on every page og:image needs absolute URL — relative paths fail on social platforms twitter:card values: summary, summary_large_image, player — not arbitrary
Common Oversights
<button type="button"> for non-submit — default is type="submit", triggers form submission <dialog> element for modals — built-in focus trap and escape handling <details> + <summary> for accordions — no JS needed, accessible by default Void elements don't need closing slash — <img> not <img /> in HTML5, though both work
Category context
Writing, remixing, publishing, visual generation, and marketing content production.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
1 Docs
- SKILL.md