popup-generator — Claude Code skill: what it does, how to install
A deprecated compatibility entry that points modal creation to Bricks. Useful when updating legacy agent configurations to component-builder.
npx skills add kostja94/marketing-skills --skill popup-generator -a claude-code
npx skills add kostja94/marketing-skills --skill popup -a claude-codeWhat popup-generator does
This skill is a deprecated compatibility entry from the kostja94/marketing-skills repository. It contains no component rules or styling logic for modal dialogs. The entry exists only to notify agents that modal construction moved to kostja94/bricks.
Author kostja94 recommends using component-builder instead. The popup-generator skill is no longer maintained. Trying to build modals directly with this entry will fail because the component rules were removed.
What it helps with
- Find the successor to the deprecated modal generator
- Redirect agent tasks to
component-builderinkostja94/bricks - Prevent failures in legacy
popup-generatorcalls
Example prompts for the agent
- Use popup-generator to build a modal window
- Check the migration status of popup-generator
- Find the successor skill for popup-generator
How to install popup-generator
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill popup-generator -a claude-codenpx skills add kostja94/marketing-skills --skill popup -a claude-code2Manually: put the files in place
~/.claude/skills/popup/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/popup/
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill popup -a codex2Manually: put the files in place
.agents/skills/popup/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill popup -a cursor2Manually: put the files in place
.cursor/skills/popup/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install kostja94/marketing-skills popup2Manually: put the files in place
.github/skills/popup/SKILL.md1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill popup -a gemini-cli2Platform CLI
gemini skills install https://github.com/kostja94/marketing-skills --path skills/components/conversion/popupManually: put the files in place
.devin/skills/popup/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill popup -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about popup-generator
How to install popup-generator in Claude Code?
Run npx skills add kostja94/marketing-skills --skill popup-generator -a claude-code in your terminal.
What does popup-generator do?
It is a deprecated compatibility stub that directs AI agents to use component-builder in Bricks for modal windows.
Which skill replaces popup-generator?
It is superseded by component-builder located in the kostja94/bricks repository.
Source text
SKILL.md · MIT
--- name: popup-generator description: Deprecated compatibility entry for Modal construction. This component is now maintained in Bricks; install and use component-builder to build a new Modal. metadata: status: moved successor: kostja94/bricks/component-builder --- # Modal construction has moved Modal construction is now maintained in the [Modal reference](https://github.com/kostja94/bricks/blob/main/skills/component-builder/references/components/modal.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 Modal. This compatibility entry contains no component rules and is no longer maintained.
© kostja94 · MIT · kostja94/marketing-skills
