create-catalog-item Skill

Source

• Creator: flutter
• Repository: flutter/genui
• Skill file: packages/genui/skills/create-catalog-item/SKILL.md

What it does

Use this skill when the user asks to create a new CatalogItem, data class, and/or widget class based on a JSON Schema definition in an application that uses Flutter's genui package.

Skill instructions

Create CatalogItem Goal To correctly implement a GenUI CatalogItem based on a provided jsonschemabuilder Schema, including its corresponding data class, CatalogItem instance, and Widget class. This ensures the AI model can properly generate and interact with the UI component. Instructions When tasked with creating a CatalogItem from a Schema, follow these steps: 1. Create the Data Class: - Name it <SchemaNameData (e.g., if schema is myCardSchema, data class is MyCardData). - Add final fields for each property defined in the schema. - Create a factory <SchemaNameData.fromJson(Map<String, Object? json) method. - Use a try-catch block to parse the properties and return a new instance. - Cast each property from the json map to its expected type, e.g., title: json['title'] as String, or action: json['action'] as JsonMap?,. - Throw an Exception('Invalid JSON for <SchemaNameData') in the catch block if an error occurs. 2. Create the CatalogItem Instance: - Name it identical to the schema name