Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Content Creation
Designer
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
skill openclawclawhub Free
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
โฌ 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
Logo & Brand
Simple enough to work at 16px favicon โ complexity disappears at small scale Recognizable in one color โ gradients are enhancements, not crutches Test on dark and light backgrounds โ logos need both versions 3-5 brand colors maximum โ primary, secondary, accent, plus neutrals Consistency builds recognition โ every touchpoint reinforces or dilutes brand
Visual Hierarchy
Size and weight guide attention โ most important element most prominent One focal point per screen โ competing elements confuse users Whitespace groups, separates, and elevates โ it's not empty space Alignment creates invisible order โ grids make everything feel intentional Contrast for emphasis, similarity for grouping โ break patterns deliberately
Typography
Two typefaces maximum โ heading and body is enough Body text 16px minimum on web โ smaller is unreadable Line height 1.4-1.6, line length 45-75 characters โ readability basics Pair fonts with contrast โ serif with sans-serif, not two similar fonts
Color
60-30-10 rule: dominant, secondary, accent โ prevents chaos Warm colors advance, cool recede โ use for depth and emphasis Contrast ratio 4.5:1 for text โ accessibility isn't optional Test with colorblind simulators โ 8% of men have color vision deficiency
Layout
8px grid for spacing โ consistency without overthinking Rule of thirds for visual interest โ off-center is more dynamic Negative space is active design โ crowded layouts feel cheap Mobile first, then scale up โ constraints breed creativity Touch targets 44px minimum โ fingers are imprecise
Icons & Illustration
Consistent stroke weight across icon set โ mixing weights looks broken Meaning clear without labels โ ambiguous icons need text Simple illustrations scale better โ detail gets lost small Style matches brand personality โ playful vs corporate look different
UX Principles
Don't make users think โ obvious beats clever Feedback for every action โ users need confirmation Error prevention over error messages โ disable invalid actions Design empty states, errors, loading first โ they're most of the experience Five users find 80% of usability issues โ test early and often
Design Systems
Components, not pages โ reusable library Tokens for colors, spacing, type โ change once, update everywhere Name by function: "primary-action" not "blue-button" Document when to use, not just how it looks
Presenting & Handoff
Show work in context โ mockups in devices, logos on cards Explain why, not just what โ tell the decision story All states: hover, active, disabled, error, loading โ devs will ask Specs in relative units โ responsive needs flexibility Review the build โ implementation is the real design
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