skills.rest
YSheldon
YSheldonCOMMUNITY
Explore all skills by this author →
GitHub

recipe-creator

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

Related Skills

Explore More Design & Creative Skills→
auldsyababuaauldsyababua
6

nutritional-specialist

Collect dietary preferences and apply them to personalized nutrition recommendations.

Community
Advanced
grasberggrasberg
3

recipe-planner

Generates meal plans and grocery lists from available ingredients.

Community
Advanced
CatRabbit499CatRabbit499

recipe-creator

Generate recipes and meal plans from available ingredients with dietary restrictions.

Community
Advanced
tann200tann200

recipe-creator

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

Community
Intermediate