branding

Replace placeholder branding assets and text in a generated Next.js application.

Updated Aug 27, 2026

Search Tags:#branding #next.js #metadata #icon #og image #app customization

Ready to run

npx skills add https://github.com/kellyclaudeai/cora --skill branding-kellyclaudeai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: branding
Source: https://github.com/kellyclaudeai/cora/tree/main/skills/branding
Command: npx skills add https://github.com/kellyclaudeai/cora --skill branding-kellyclaudeai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill replaces generic placeholder branding elements in a newly generated Next.js application with custom brand assets, ensuring a unique and professional appearance from the start.

Core Features & Use Cases

Asset Replacement: Updates default icons, metadata, and Open Graph images.
Token Standardization: Replaces placeholder text like 'Cora' with actual brand names and descriptions.
Use Case: After generating a new Next.js project using a factory template, use this skill to immediately brand it with your company's logo, color scheme, and descriptive text.

Quick Start

Run the branding skill to update the application's icon, metadata, and OG image.

Frequently Asked Questions about branding

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

FAQPage Schema

How do I replace placeholder branding assets in a Next.js application?▼

To replace placeholder branding in a Next.js application, this skill updates default application icons, metadata tags, Open Graph images, and homepage copy with custom brand assets and text to ensure a unique appearance.

Can I use this skill to update Open Graph images and metadata tags for my Next.js app?▼

Yes, updating Open Graph images and metadata tags is a core function. This skill targets these specific elements within your Next.js application to replace generic factory-generated defaults with your actual brand assets.

What is the best way to customize app branding after generating a Next.js project from a factory template?▼

The best way to customize app branding from a factory template is running this skill. It standardizes placeholder tokens, replacing default names and descriptions with your actual brand identity across the application.

Does this branding skill work with Next.js projects that use a src/ directory structure?▼

No, this skill does not work with a src/ directory structure. It enforces compliance constraints that prohibit using src/ directories, hardcoding paths, committing secrets, or shipping default assets.

Why does my Next.js factory template ship with default branding assets that need replacing?▼

Default branding assets are shipped in factory templates to provide a functional starting point. This skill replaces those generic placeholder elements to prevent shipping unbranded applications and ensure professional customization.