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
`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"
}

@depthark/css-first

suggest_css_solution

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from @depthark/css-first

Related Tools

MCP directory API