skill CX Codex

top-banner-generator — Claude Code skill: status and install

Q: How do I install top-banner-generator in Claude Code?

Run `npx skills add kostja94/marketing-skills --skill top-banner-generator -a claude-code`. This is the deprecated entry; use `component-builder` for new Top Banners.

Q: What should I use instead of top-banner-generator?

Use `component-builder` from Bricks. Install it with `npx skills add kostja94/bricks --skill component-builder`.

This legacy compatibility entry no longer builds Top Banners. Use Bricks’ component-builder for new ones.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add kostja94/marketing-skills --skill top-banner-generator -a claude-code
npx skills add kostja94/marketing-skills --skill top-banner -a claude-code

Open on GitHub

What top-banner-generator does

top-banner-generator is a compatibility entry for Top Banner work. It is deprecated and contains no component-building rules, so installing it will not give your agent instructions for creating a new banner.

That work now lives in Bricks’ component-builder. Install it with npx skills add kostja94/bricks --skill component-builder, then ask your agent to build a Top Banner using component-builder. The legacy skill can still be installed in Claude Code with npx skills add kostja94/marketing-skills --skill top-banner-generator -a claude-code, but it is not the current route for creating a banner.

What it helps with

find the current skill for building a Top Banner
switch from the legacy entry to component-builder
install the old skill in Claude Code for compatibility

Example prompts for the agent

Build a new Top Banner with component-builder.
Switch from top-banner-generator to the current Top Banner skill.
Install top-banner-generator in Claude Code.

How to install top-banner-generator

1Skills CLI (Vercel)

npx skills add kostja94/marketing-skills --skill top-banner-generator -a claude-code

npx skills add kostja94/marketing-skills --skill top-banner -a claude-code

2Manually: put the files in place

~/.claude/skills/top-banner/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/top-banner/

1Skills CLI (Vercel)

npx skills add kostja94/marketing-skills --skill top-banner -a codex

2Manually: put the files in place

.agents/skills/top-banner/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add kostja94/marketing-skills --skill top-banner -a cursor

2Manually: put the files in place

.cursor/skills/top-banner/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install kostja94/marketing-skills top-banner

2Manually: put the files in place

.github/skills/top-banner/SKILL.md

1Skills CLI (Vercel)

npx skills add kostja94/marketing-skills --skill top-banner -a gemini-cli

2Platform CLI

gemini skills install https://github.com/kostja94/marketing-skills --path skills/components/utility/top-banner

Manually: put the files in place

.devin/skills/top-banner/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add kostja94/marketing-skills --skill top-banner -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about top-banner-generator

How do I install top-banner-generator in Claude Code?

Run npx skills add kostja94/marketing-skills --skill top-banner-generator -a claude-code. This is the deprecated entry; use component-builder for new Top Banners.

What does top-banner-generator do?

It is a compatibility entry that no longer includes rules for building the component. Top Banner work has moved to Bricks’ component-builder.

What should I use instead of top-banner-generator?

Use component-builder from Bricks. Install it with npx skills add kostja94/bricks --skill component-builder.

Source text

SKILL.md · MIT

---
name: top-banner-generator
description: Deprecated compatibility entry for Top Banner construction. This component is now maintained in Bricks; install and use component-builder to build a new Top Banner.
metadata:
  status: moved
  successor: kostja94/bricks/component-builder
---

# Top Banner construction has moved

Top Banner construction is now maintained in the [Top Banner reference](https://github.com/kostja94/bricks/blob/main/skills/component-builder/references/components/top-banner.md) in [Bricks](https://github.com/kostja94/bricks), the component layer for AI agents.

```bash
npx skills add kostja94/bricks --skill component-builder
```

Ask the agent to use component-builder to build a new Top Banner. This compatibility entry contains no component rules and is no longer maintained.

Similar skills

SKILL.md skills catalog →

find-skills vercel-labs Discovers and installs agent skills from skills.sh directly inside your coding assistant. Handy when you need domain-specific workflows for a project. CX Codex +1 4,000,000installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs grill-with-docs Matt Pocock This skill interviews you about a plan or design and creates ADRs and a glossary along the way. Use it when decisions need sharper definition. 1,219,756installs improve-codebase-architecture Matt Pocock This skill scans a codebase for architectural friction, then builds a visual HTML report with refactoring candidates. Use it before a deeper architecture review. 1,163,035installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs

From the same set125