recipe-creator

Name: recipe-creator
Availability: InStock
Author: Sheldon

Generate interactive HTML recipe cards from ingredients and dietary restrictions.

Updated Apr 12, 2026

Search Tags:#nutrition #servings #recipe #meal-planning #ingredients #dietary-restrictions #interactive-card

Ready to run

npx skills add https://github.com/YSheldon/Prompt-Log --skill recipe-creator-ysheldon

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: recipe-creator
Source: https://github.com/YSheldon/Prompt-Log/tree/main/.local/secondary_skills/recipe-creator
Command: npx skills add https://github.com/YSheldon/Prompt-Log --skill recipe-creator-ysheldon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users turn available ingredients into recipes and meal ideas, saving time on planning and accommodating dietary needs.

Core Features & Use Cases

Generate recipes and meal ideas from current ingredients with dietary restrictions.
Adjust serving sizes dynamically and scale ingredients in real-time.
Provide a visually rich, interactive recipe card output (hero image, nutrition, steps).

Quick Start

Create an interactive recipe card using your available ingredients.

Frequently Asked Questions about recipe-creator

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

FAQPage Schema

How do I generate a meal plan using only my available ingredients and dietary restrictions?▼

Recipe generation from available ingredients applies your dietary restrictions to output a tailored meal plan. It creates an interactive recipe card with a hero image, scalable serving sizes, and step-by-step directions to streamline your cooking workflow.

Can I dynamically scale ingredient quantities when adjusting serving sizes for batch cooking?▼

Yes, serving-size scaling dynamically adjusts ingredient quantities in real-time for batch-cooking scenarios. The interactive recipe card updates the ingredients list and nutrition facts automatically based on your desired number of servings.

What is the best way to create an interactive recipe card with nutrition facts and ingredients?▼

The best way to create an interactive recipe card is using an HTML-based artefact that renders within an iframe. It features a hero image, serving-size controls, an interactive ingredients list, step-by-step directions, and nutrition facts for a responsive UI.

Does this meal-planning approach support ingredient substitutions for specific dietary needs?▼

Yes, ingredient-based recommendations include substitutions to accommodate specific dietary restrictions. The generated recipe card adjusts the ingredients list and nutrition facts to ensure the meal planning output aligns with your dietary requirements.

How do I turn a list of raw ingredients into a complete step-by-step cooking guide?▼

Turning raw ingredients into a cooking guide involves processing the items and dietary restrictions to output a structured recipe. The resulting interactive card displays a hero image, an interactive ingredients list, and step-by-step directions for seamless cooking.