skills.rest
TheTesseractAI
TheTesseractAICOMMUNITY
Explore all skills by this author →
GitHub

recipe-creator

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
One-click install
npx skills add https://github.com/TheTesseractAI/19 --skill recipe-creator-thetesseractai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
bhushanofficial69-specbhushanofficial69-spec

recipe-creator

Generate interactive HTML recipe cards with ingredient checklists and nutrition per serving.

Community
Advanced
tann200tann200

recipe-creator

Generate HTML recipe cards with adjustable serving sizes and nutritional information.

Community
Intermediate
hackeshackeshackeshackes
6

video-generation

Generate videos from structured prompts and reference images using Python scripts.

Community
Intermediate
nirajrathod19nirajrathod19

recipe-creator

Generate recipes from available ingredients with dietary restrictions and nutritional guidance.

Community
Advanced