skills.rest
nclandrei
nclandreiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-logo

Generate repo-aware SVG and PNG logo assets with an HTML preview board.

Updated Aug 23, 2026
Search Tags:#design#branding#graphics#assets#svg#icon#logo
One-click install
npx skills add https://github.com/nclandrei/dotfiles --skill create-logo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-logo
Source: https://github.com/nclandrei/dotfiles/tree/main/config/skills/create-logo
Command: npx skills add https://github.com/nclandrei/dotfiles --skill create-logo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design and generate repo-aware logo/icon assets locally (SVG + PNG), then iterate visually using an HTML preview board and Chrome DevTools screenshots until user review.

Core Features & Use Cases

  • Generate repo-aware logo assets locally in SVG and PNG formats.
  • Provide an HTML preview board for iterative visual QA on light/dark surfaces.
  • Support a repo-context aware workflow that aligns branding across multiple projects.

Quick Start

Generate repo-aware logo assets locally and open the preview board to iterate until you're satisfied.

Frequently Asked Questions about create-logo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SVG and PNG logo assets locally for a monorepo?▼

To generate logo assets locally, this Skill outputs full-color and monochrome SVGs alongside 1024x1024 PNG exports based on your repository context. It operates entirely on your local machine to ensure branding consistency across multiple projects within a monorepo.

Can I visually preview and iterate on logo designs before finalizing the assets?▼

Yes, you can visually iterate on logo designs using a generated HTML preview board. This board allows you to perform visual QA on light and dark surfaces, enabling iterative refinement through Chrome DevTools screenshots until you are satisfied with the branding.

Does this logo generation workflow support CI-ready environments and designer-developer handoffs?▼

Yes, the logo generation workflow supports CI-ready environments and designer-developer handoffs. It uses a frontmatter-driven workflow to produce repo-aware icon assets, ensuring branding consistency and smooth integration between design iterations and development pipelines.

What is the best way to ensure branding consistency across multiple projects?▼

The best way to ensure branding consistency is using a repo-context aware workflow that aligns logo outputs across projects. This Skill generates standardized full-color, monochrome black/white SVGs, and 1024x1024 PNG exports to maintain visual uniformity throughout your repositories.

What logo file formats and variations are supported for local asset generation?▼

Supported logo file formats include full-color SVG, monochrome black SVG, monochrome white SVG, and 1024x1024 PNG exports. These variations are generated locally to provide comprehensive branding assets for both print and digital applications.

Are there any dependencies required to create repo-aware logo assets?▼

No external dependencies are required to create repo-aware logo assets. The Skill operates independently to generate SVG and PNG files and render the HTML preview board, relying solely on your local development environment and Chrome DevTools for visual QA.

Related Skills

Explore More Design & Creative Skills→
pradeepmoulipradeepmouli
2

speckit-baseline

Generate baseline-spec.md and current-state.md from repository analysis.

Community
Advanced
no-problem-devno-problem-dev

store-icon

Convert SVG icon designs into Apple HIG-compliant 1024x1024 PNG icons.

Official
Intermediate
wesleyegbertowesleyegberto
3

chrome-devtools

Automate browser control and debugging via the Chrome DevTools Protocol.

Community
Advanced
MohamedAbdallah-14MohamedAbdallah-14
16

logo

Generate PNG, SVG, and monochrome logo bundles with validation.

Community
Advanced