add-cocktail-category

Create or update cocktail category files and regenerate data/config.js via auto_config.py.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/DemchaAV/Cockatails-list --skill add-cocktail-category
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-cocktail-category
Source: https://github.com/DemchaAV/Cockatails-list/tree/main/.agent/skills/add-cocktail-category
Command: npx skills add https://github.com/DemchaAV/Cockatails-list --skill add-cocktail-category

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Cockatails-list requires smooth, repeatable updates to cocktail categories. This skill provides a structured workflow to add or update a category by creating or editing data/categories/<slug>.js and regenerating data/config.js, while preserving loader contracts and data shape across the app.

Core Features & Use Cases

  • Create or update a category file in data/categories/ with a stable slug and a consistent data format.
  • Run auto_config.py to regenerate data/config.js and validate IDs so the UI remains in sync.
  • Preserve the loader contract (window.registerCocktails / window.pendingCocktails) and ensure category data maps correctly to the UI (cocktail_builder.html, mobile catalog).

Quick Start

Create or update the category file in data/categories/<slug>.js and run auto_config.py to rebuild the config, then validate IDs with npm.

Frequently Asked Questions about add-cocktail-category

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

FAQPage Schema
How do I add a new cocktail category to my data config?

Adding a cocktail category involves creating a data/categories/<slug>.js file with the required data shape, then running auto_config.py to regenerate data/config.js and validating IDs via npm to maintain UI consistency.

What data shape is required when adding cocktail categories?

Adding cocktail categories requires enforcing a specific data shape: id, name, category, method, glass, ice, garnish, ingredients, and optional allergens, alongside preserving the window.registerCocktails loader contract.

Why does my cocktail category not show up in the UI after adding the file?

If the cocktail category is missing from the UI, run auto_config.py to regenerate data/config.js and validate IDs with npm, ensuring proper category loading and UI consistency.

Can I use auto_config.py to update an existing cocktail category?

Yes, updating an existing cocktail category requires editing the data/categories/<slug>.js file and running auto_config.py to rebuild data/config.js and validate IDs via npm.

Do I need npm to validate cocktail category IDs?

Yes, npm is required to validate IDs after running auto_config.py to regenerate data/config.js, ensuring UI consistency and proper cocktail category loading.

What is the best way to preserve the loader contract when adding cocktail categories?

To preserve the loader contract when adding cocktail categories, ensure the data/categories/<slug>.js file maintains the window.registerCocktails / window.pendingCocktails structure and run auto_config.py to regenerate data/config.js.