skills.rest
CHNISam
CHNISamCOMMUNITY
Explore all skills by this author →
GitHub

design

Facilitate end-to-end visual branding workflows with logo design, brand assets, and HTML presentations.

Updated Mar 19, 2026
Search Tags:#design system#brand identity#presentation#UI styling#logo generation
One-click install
npx skills add https://github.com/CHNISam/agent-skills --skill design-chnisam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/CHNISam/agent-skills/tree/main/design
Command: npx skills add https://github.com/CHNISam/agent-skills --skill design-chnisam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires scripts/logo/search.py, scripts/logo/generate.py, scripts/cip/render-html.py, scripts/slides/create.py, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of comprehensive visual identities, including brand assets, design systems, logos, and presentations, reducing the time and effort required for large-scale visual branding projects.

Core Features & Use Cases

  • Brand Identity Development: Establish brand voice, assets, and guidelines.
  • Design System & UI Styling: Build and implement design tokens and UI components.
  • Logo Generation & Enhancement: Create and refine logo concepts with AI assistance.
  • Presentation Creation: Develop HTML-based slides with data visualization and copywriting strategies.
  • Use Case: A startup needs a full brand package—logo, branding guidelines, presentation deck, and website banners—rapidly assembled for client delivery.

Quick Start

Use the design skill to generate a full brand identity package, including logo mockups, branding guidelines, and a presentation prototype.

Frequently Asked Questions about design

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

FAQPage Schema
How do I generate a complete brand identity package including logos and guidelines?▼

To generate a complete brand identity package, this Skill facilitates end-to-end visual branding workflows by automating logo design, brand asset creation, style guides, and presentation development using scripting and AI-generated assets.

Can I create HTML-based presentations with data visualization for client delivery?▼

Yes, presentation creation is supported by developing HTML-based slides with data visualization and copywriting strategies, enabling rapid assembly of presentation prototypes for client delivery.

Does this Skill support building a design system with UI styling and design tokens?▼

Yes, design system and UI styling workflows are fully supported, allowing you to build and implement design tokens and UI components directly within your visual branding pipeline.

What is needed to automate logo search and generation for a startup branding project?▼

Logo generation requires specific scripting dependencies for searching and generating logo concepts, enhanced further with AI assistance to create and refine visual assets for rapid brand assembly.

What's the best way to streamline large-scale visual branding and UI styling projects?▼

The best way to streamline large-scale visual branding is using this Skill to rapidly assemble comprehensive visual identities, reducing the time and effort required for brand asset creation and design system automation.

Are there limitations when integrating AI-generated assets into HTML templates?▼

Integration relies on specific scripts for HTML rendering and logo generation, meaning the workflow requires these dependencies to properly execute the automation of design assets and HTML templates.

Related Skills

Explore More Design & Creative Skills→
TenBeltzTenBeltz

ckm:slides

Create strategic HTML slide decks with Chart.js and design tokens.

Official
Advanced
sqmasepsqmasep

ckm:design

Generate brand identity, logos, and UI assets with template-based rendering.

Community
Advanced
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced
zivtechzivtech

graphic-design-executor

Transform design-planner specifications into SVG and HTML assets.

Official
Advanced