skills.rest
hajrasarwar11
hajrasarwar11COMMUNITY
Explore all skills by this author →
GitHub

recipe-creator

Generate interactive HTML recipe cards with adjustable servings and nutrition panels.

Updated Mar 19, 2026
Search Tags:#ui#interactive#nutrition#servings#recipe#ingredients#recipe-card
One-click install
npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill recipe-creator-hajrasarwar11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: recipe-creator
Source: https://github.com/hajrasarwar11/DataBase-Engine-with-AI/tree/main/.local/secondary_skills/recipe-creator
Command: npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill recipe-creator-hajrasarwar11

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Transforming available ingredients into complete, nutrition-aware recipes can be time-consuming and uncertain. This Skill provides a polished, interactive recipe card that guides users from pantry to plate.

Core Features & Use Cases

  • Automated recipe card generation: produce a visually rich HTML card with hero image, title, metadata, ingredients checklist, step-by-step instructions, and a nutrition panel.
  • Serving size adjustment: dynamically scale all ingredient quantities in real time as the user changes portions.
  • Dietary accommodations: support vegan, gluten-free, keto, and other restrictions, with substitutions and flagging of allergens.
  • Nutrition estimation: compute per-serving nutrition using standard databases and explain any caveats.

Quick Start

Provide your available ingredients and dietary preferences to generate a complete interactive 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 generate an interactive recipe card from a list of ingredients?▼

To generate an interactive recipe card, provide your available ingredients and dietary preferences to the recipe-creator Skill. It outputs a visually rich HTML card with a hero image, serving-size controls, editable ingredients list, step-by-step instructions, and a nutrition panel.

Can I adjust serving sizes and have ingredient quantities update automatically?▼

Yes, you can adjust serving sizes with interactive controls and ingredient quantities update automatically. The recipe card dynamically scales all ingredient measurements in real time based on the selected number of portions.

Does the recipe card support dietary restrictions like vegan or gluten-free?▼

Yes, the recipe card supports dietary restrictions like vegan, gluten-free, and keto. It accommodates these preferences by providing appropriate substitutions and actively flagging potential allergens in the generated ingredients list.

How is per-serving nutrition calculated for the generated recipes?▼

Per-serving nutrition is calculated using standard nutritional databases to estimate values from the provided ingredients. The nutrition panel on the recipe card displays these computed estimates and explains any relevant nutritional caveats.

What is the best way to turn available pantry ingredients into a complete meal plan?▼

The best way to turn available pantry ingredients into a complete meal plan is using an interactive recipe card generator. It transforms your specified ingredients into a visually rich HTML layout featuring step-by-step instructions, editable ingredients, and a nutrition panel.

Related Skills

Explore More Design & Creative Skills→
samibrahmisamibrahmi

recipe-creator

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

Community
Advanced
nateanatea
21

recipe-finding

Search for recipes online and scale ingredients to requested servings.

Community
Advanced
akhilksap2026akhilksap2026

recipe-creator

Generate interactive recipe cards from user ingredients and dietary needs.

Community
Advanced
YSheldonYSheldon

recipe-creator

Generate interactive HTML recipe cards from ingredients and dietary restrictions.

Community
Advanced