recipe-creator

Name: recipe-creator
Availability: InStock
Author: thetesseractai

Convert ingredient lists and cooking instructions into interactive HTML recipe cards.

Updated Apr 14, 2026

Search Tags:#image generation #HTML #visualization #cooking #meal planning #recipe

Ready to run

npx skills add https://github.com/TheTesseractAI/19 --skill recipe-creator-thetesseractai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: recipe-creator
Source: https://github.com/TheTesseractAI/19/tree/main/.local/secondary_skills/recipe-creator
Command: npx skills add https://github.com/TheTesseractAI/19 --skill recipe-creator-thetesseractai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It enables users to generate visually engaging and comprehensive recipe cards from input ingredients and dish specifications, streamlining meal planning and presentation.

Core Features & Use Cases

Visual Recipe Card Generation: Creates beautiful, shareable HTML recipe cards with hero images, ingredient lists, and step-by-step instructions.
Dynamic Scaling: Allows users to adjust servings, automatically updating ingredient quantities in real time.
Use Case: A home cook wants a customized recipe for chicken stir-fry, complete with an appetizing image and adjustable serving size, to share with friends.

Quick Start

Give the recipe details, including ingredients and steps, and ask the AI to produce a stylish, ready-to-share recipe card.

Frequently Asked Questions about recipe-creator

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

FAQPage Schema

How do I create a visual recipe card from a list of ingredients?▼

To create a visual recipe card, provide your ingredient list and cooking instructions to the AI. It generates an interactive HTML card complete with a hero image, ingredient quantities, and step-by-step instructions for meal planning.

Can I automatically scale ingredient quantities for different serving sizes in a recipe card?▼

Yes, recipe cards support dynamic scaling. You can adjust the number of servings, and the ingredient quantities in the HTML visualization will automatically update in real time for accurate meal planning.

Does generating recipe cards with images require any specific software environment?▼

Generating recipe cards requires an environment with image creation and HTML rendering capabilities. These dependencies are necessary to produce the polished output and high-quality food presentation images.

What is the best way to share an interactive cooking recipe with step-by-step instructions?▼

The best way to share an interactive recipe is by generating a visually appealing HTML card. This format includes a hero image, ingredient lists, and step-by-step cooking instructions, making it ready to share with users.

How does image generation enhance food presentation and meal planning?▼

Image generation enhances food presentation by producing high-quality hero images for your recipes. This visual appeal improves user engagement and streamlines meal planning directly within the interactive HTML recipe card.