skills.rest
kellyclaudeai
kellyclaudeaiCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/kellyclaudeai/cora --skill branding-kellyclaudeai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
TaylorHustonTaylorHuston
69

brief

Create and update project briefs through interactive six-phase discovery.

Community
Intermediate
majiayu000majiayu000
258

web-asset-generator

Generate favicons, app icons, and Open Graph images from logos or text.

Community
Intermediate
thrillmadethrillmade
1

design-token-naming

Enforce UDTS design token naming conventions across projects.

Official
Advanced
micahcoureymicahcourey
5

skill-generator

Create a canonical Skill directory with SKILL.md and standard skeleton directories.

Community
Intermediate