suggest_css_solution
Provides CSS-first solutions for UI tasks by searching MDN documentation, offering browser support details, and suggesting tailored approaches based on modern, compatible, or progressive CSS preferences.
Instructions
Suggests CSS-first solutions for UI implementation tasks by searching MDN documentation. Provides detailed CSS property information, browser support, and asks for user consent before recommending usage.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| preferred_approach | No | Preferred CSS approach - modern (latest features), compatible (wide browser support), or progressive (with fallbacks) | |
| target_browsers | No | Target browsers/versions (e.g., ["Chrome 90+", "Firefox 88+", "Safari 14+"]) | |
| task_description | Yes | Description of the UI task or problem to solve |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {
"preferred_approach": {
"description": "Preferred CSS approach - modern (latest features), compatible (wide browser support), or progressive (with fallbacks)",
"enum": [
"modern",
"compatible",
"progressive"
],
"type": "string"
},
"target_browsers": {
"description": "Target browsers/versions (e.g., [\"Chrome 90+\", \"Firefox 88+\", \"Safari 14+\"])",
"items": {
"type": "string"
},
"type": "array"
},
"task_description": {
"description": "Description of the UI task or problem to solve",
"type": "string"
}
},
"required": [
"task_description"
],
"type": "object"
}