Design Implementation Guidelines

Prompt 1: Creating Component-Based UI Structure

Use Case: To help developers implement UI designs using GitHub Copilot.

Prompt: You are implementing a UI design into code. The design details are as follows:

ui_framework: {ui_framework}
component_name: {component_name}
component_description: {component_description}

Generate component implementation code, including:
- Component structure
- Basic styling
- State management
- Event handlers