skills.rest
fivebucksventures
fivebucksventuresOFFICIAL
Explore all skills by this author →
WebsiteGitHub

creative-designer

Generate on-brand visual assets from brand guidelines in brands/{brand}/brand.md.

Updated Apr 8, 2026
Search Tags:#design#branding#html#graphics#css#mockups#brand-guidelines
One-click install
npx skills add https://github.com/fivebucksventures/fiveagents-marketplace --skill creative-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creative-designer
Source: https://github.com/fivebucksventures/fiveagents-marketplace/tree/main/plugins/link-skills/skills/creative-designer
Command: npx skills add https://github.com/fivebucksventures/fiveagents-marketplace --skill creative-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual design and asset creation can be time-consuming and siloed across brand guidelines. This skill provides an automated, brand-aware workflow to produce on-brand graphics, HTML/CSS mockups, and AI-assisted imagery while preserving consistency.

Core Features & Use Cases

  • Generate on-brand social media graphics, landing page visuals, and email assets that align with a brand's identity.
  • Produce HTML/CSS mockups and visual assets that follow brand guidelines, including typography and color systems.
  • Real-world example: a marketing team needs multiple social posts for a campaign across platforms; this skill produces consistent visuals, design specs, and asset files.

Quick Start

Provide on-brand visuals and design assets for the active brand based on a brief including asset type, format, and headline.

Frequently Asked Questions about creative-designer

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

FAQPage Schema
How do I generate on-brand social graphics and landing page visuals from a brief?▼

HTML/CSS mockups follow brand guidelines by reading color and typography systems from brands/{brand}/brand.md. The skill applies these design constraints to produce consistent visual assets and mockups across channels.

What do I need to set up before automating brand-consistent imagery across channels?▼

Before automating brand-consistent imagery, you need a brand.md file in brands/{brand}/ containing your color, typography, and design constraints. The skill reads this file to apply brand guidelines to social graphics, landing pages, and email assets.

What is the best way to maintain brand consistency across multiple visual assets?▼

The best way to maintain brand consistency across visual assets is to centralize guidelines in a brand.md file. The skill reads this file to apply color, typography, and design constraints to social graphics, landing pages, and email assets automatically.

Does this approach work for generating both HTML mockups and social media graphics?▼

Yes, this approach works for generating both HTML/CSS mockups and social media graphics. It automates the creation of on-brand visual assets, applying brand guidelines to produce consistent imagery across multiple channels and formats.

Why do my visual assets look inconsistent across different marketing channels?▼

Visual assets look inconsistent across channels when design constraints are not centralized. This skill solves the problem by reading a single brand.md file to apply uniform color, typography, and design specs across all generated graphics and mockups.

Related Skills

Explore More Design & Creative Skills→
nmoralescybernmoralescyber

ckmdesign

Design brand identity guidelines and visual systems for cybersecurity and B2B technology brands.

Community
Advanced
YeomanYeYeomanYe

web-image

Generate fixed-size PNG images from HTML/CSS layouts.

Community
Intermediate
okenwaokenwa

marketing-bot

Generate social media posts, email copy, and campaign outlines.

Community
Intermediate
Leon0050Leon0050

brand-guidelines

Apply Anthropic brand guidelines to documents, presentations, and digital assets.

Community
Intermediate