A professional utility for optimizing logo placement, technical implementation, and brand identity design within AI-driven workflows.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install logo-generator
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install logo-generator using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Logo Generator?
The Logo Generator is a specialized component of Openclaw Skills designed to streamline how brand identities are integrated into web and mobile applications. It moves beyond simple image placement by applying data-driven UX principles, such as placing logos in the top-left to increase brand recall by up to 89%. This skill ensures that your branding is not just visual but functional, serving as a navigation anchor while maintaining strict adherence to technical standards like SVG scalability and responsive clear space.
By leveraging this tool within the Openclaw Skills ecosystem, developers can automate the alignment of logos with existing project context files and brand guidelines. Whether you are building a minimal landing page or a complex SaaS platform, the Logo Generator provides the architectural logic needed for professional brand presentation and accessibility compliance.
Logo Generator Use Cases
- Optimizing brand recall through strategic logo placement in headers and footers.
- Generating industry-specific logo concepts for new AI and SaaS products.
- Ensuring accessibility and SEO compliance through proper alt text and linking structures.
- Automating responsive logo scaling for mobile, tablet, and desktop views.
How Logo Generator Works
- Analyzes the project context and brand guidelines stored in .claude/project-context.md to ensure visual alignment.
- Evaluates the target platform and placement context to determine the most effective navigation anchor points.
- Applies UX best practices, such as ensuring the logo links to the homepage and uses appropriate SVG formatting.
- Generates an implementation report including HTML snippets, accessibility checklists, and responsive size requirements.
- Optionally suggests design archetypes based on the product's market positioning, such as minimalist robots for chatbots or hexagons for technical platforms.
Logo Generator Setup
To add this capability to your local environment, use the Openclaw Skills CLI to install the generator.
openclaw install logo-generator
Once installed, ensure your branding guidelines are documented in your project context file to allow the skill to reference your primary and secondary logo variants automatically.
Logo Generator Data Schema & Taxonomy
The Logo Generator organizes branding data according to the following schema to maintain consistency across Openclaw Skills:
| Attribute | Description |
|---|---|
| Placement | Defines the location (Header, Footer, or Standalone) and alignment strategy. |
| Linking | Standardizes the home-link behavior using semantic HTML. |
| Accessibility | Maps company names to alt text and defines touch target sizes (minimum 44x44px). |
| Variants | Manages primary, secondary, and monogram versions for light and dark modes. |
| Constraints | Defines minimum clear space and illegibility thresholds for small screens. |
Logo Generator Advanced Features
- Direct integration with brand-visual-generator for synchronizing color palettes and spacing rules.
- Automated AI design trend mapping for SaaS products based on B2B or B2C positioning.
- Responsive breakpoint testing for logo visibility across 375px, 768px, and 1024px widths.
- Semantic SEO optimization by linking logos into the internal site structure via optimized link wrappers.
SKILL.md
Loading
Related Openclaw Skills
Matterport
A comprehensive integration to manage Matterport 3D spaces, digital twins, and spatial metadata via AI agents.
Chinese Holiday Assistant (cn-holiday-checker)
A specialized utility for querying Chinese statutory holidays, work-shift makeup days, and determining official workdays.
Stock Simulator
A sophisticated virtual trading environment that allows users to simulate stock investments across global markets without financial risk.
Tab & Accordion Component Optimizer
A technical guide for implementing SEO-friendly tabs and accordions that optimize page space without sacrificing search engine visibility.
WeChat Article Creator
A comprehensive automation tool that researches topics and generates styled WeChat Official Account drafts directly via API.
Videowei Copywriter
A specialized script generation tool designed to create high-converting WeChat Channel short video copy based on professional copywriting frameworks.
Featured*
