@enjoys/context-engine 1.2.0 → 1.3.1

package/data/codeActions/css.json

@@ -0,0 +1,111 @@
+{
+  "language": "css",
+  "codeActions": [
+    {
+      "title": "Sort properties alphabetically",
+      "kind": "source.sortProperties",
+      "description": "Reorders all CSS property declarations within a rule block in alphabetical order for consistency and readability.",
+      "pattern": "\\{[^}]*[a-z-]+\\s*:[^}]*\\}",
+      "isPreferred": false
+    },
+    {
+      "title": "Remove duplicate properties",
+      "kind": "quickfix",
+      "description": "Detects and removes duplicate CSS property declarations within the same rule block, keeping the last occurrence.",
+      "pattern": "([a-z-]+)\\s*:[^;]+;[\\s\\S]*\\1\\s*:",
+      "isPreferred": true
+    },
+    {
+      "title": "Convert px to rem",
+      "kind": "refactor.convert",
+      "description": "Converts pixel values to rem units using a base font size of 16px (e.g., 16px → 1rem, 24px → 1.5rem).",
+      "pattern": ":\\s*(-?\\d+(\\.\\d+)?)px",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert rem to px",
+      "kind": "refactor.convert",
+      "description": "Converts rem values to pixel units using a base font size of 16px (e.g., 1rem → 16px, 0.75rem → 12px).",
+      "pattern": ":\\s*(-?\\d+(\\.\\d+)?)rem",
+      "isPreferred": false
+    },
+    {
+      "title": "Add vendor prefixes",
+      "kind": "source.addPrefixes",
+      "description": "Adds -webkit-, -moz-, -ms-, -o- prefixed versions for properties that require vendor prefixes for broader browser support (e.g., transform, appearance, backdrop-filter).",
+      "pattern": "(?:transform|appearance|backdrop-filter|user-select|text-size-adjust|hyphens|writing-mode)\\s*:",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert hex to rgb()",
+      "kind": "refactor.convert",
+      "description": "Converts hexadecimal color values to rgb() functional notation (e.g., #ff0000 → rgb(255, 0, 0)).",
+      "pattern": "#([0-9a-fA-F]{3,8})\\b",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert hex to hsl()",
+      "kind": "refactor.convert",
+      "description": "Converts hexadecimal color values to hsl() functional notation (e.g., #ff0000 → hsl(0, 100%, 50%)).",
+      "pattern": "#([0-9a-fA-F]{3,8})\\b",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert rgb() to hex",
+      "kind": "refactor.convert",
+      "description": "Converts rgb() or rgba() functional notation to hexadecimal color values (e.g., rgb(255, 0, 0) → #ff0000).",
+      "pattern": "rgba?\\(\\s*\\d+",
+      "isPreferred": false
+    },
+    {
+      "title": "Extract CSS custom property",
+      "kind": "refactor.extract",
+      "description": "Extracts a repeated value into a CSS custom property (variable) defined on :root and replaces all occurrences with var(--name).",
+      "pattern": ":\\s*([^;]+);",
+      "isPreferred": false
+    },
+    {
+      "title": "Add missing semicolons",
+      "kind": "quickfix",
+      "description": "Inserts missing semicolons at the end of CSS property declarations within rule blocks.",
+      "pattern": "[a-z-]+\\s*:[^;{}]+(?=\\s*[}\\n])",
+      "isPreferred": true
+    },
+    {
+      "title": "Expand shorthand property",
+      "kind": "refactor.expand",
+      "description": "Expands a shorthand property (margin, padding, border, background, font, animation, transition) into its individual longhand properties.",
+      "pattern": "(?:margin|padding|border|background|font|animation|transition|flex|grid|overflow|border-radius)\\s*:",
+      "isPreferred": false
+    },
+    {
+      "title": "Collapse to shorthand property",
+      "kind": "refactor.collapse",
+      "description": "Combines individual longhand properties (e.g., margin-top, margin-right, margin-bottom, margin-left) into their shorthand equivalent.",
+      "pattern": "(margin|padding|border|overflow)-(top|right|bottom|left)\\s*:",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert named color to hex",
+      "kind": "refactor.convert",
+      "description": "Converts a CSS named color (e.g., red, blue, rebeccapurple) to its hexadecimal equivalent.",
+      "pattern": ":\\s*(red|blue|green|white|black|gray|grey|orange|purple|yellow|pink|cyan|magenta|rebeccapurple|transparent|currentColor)\\b",
+      "isPreferred": false
+    },
+    {
+      "title": "Add fallback for CSS custom property",
+      "kind": "quickfix",
+      "description": "Adds a fallback value to var() expressions that are missing one: var(--name) → var(--name, fallback).",
+      "pattern": "var\\(--[a-zA-Z0-9-]+\\s*\\)",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert to logical properties",
+      "kind": "refactor.convert",
+      "description": "Converts physical properties (margin-left, padding-right, border-top, width, height) to their logical property equivalents (margin-inline-start, padding-inline-end, border-block-start, inline-size, block-size) for better internationalization support.",
+      "pattern": "(?:margin|padding|border)-(top|right|bottom|left)\\s*:|\\b(width|height)\\s*:",
+      "isPreferred": false
+    }
+  ],
+  "providedCodeActionKinds": ["quickfix", "refactor", "refactor.convert", "refactor.extract", "refactor.expand", "refactor.collapse", "source", "source.sortProperties", "source.addPrefixes"]
+}

package/data/codeActions/tailwindcss.json

@@ -0,0 +1,76 @@
+{
+  "language": "tailwindcss",
+  "codeActions": [
+    {
+      "title": "Sort Tailwind CSS classes (Headwind order)",
+      "kind": "source.sortTailwindClasses",
+      "description": "Reorders Tailwind utility classes following the recommended Headwind/Prettier-plugin-tailwindcss sort order for consistency.",
+      "pattern": "class\\s*=\\s*[\"'][^\"']*[\"']",
+      "isPreferred": true
+    },
+    {
+      "title": "Extract classes to @apply component",
+      "kind": "refactor.extract.apply",
+      "description": "Extracts selected Tailwind utility classes into a reusable CSS component using @apply directive.",
+      "pattern": "class\\s*=\\s*[\"']([^\"']{20,})[\"']",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert arbitrary value to theme config",
+      "kind": "refactor.rewrite",
+      "description": "Converts an arbitrary value like `bg-[#1da1f2]` or `w-[200px]` to a named theme value in tailwind.config.js.",
+      "pattern": "\\w+-\\[[^\\]]+\\]",
+      "isPreferred": false
+    },
+    {
+      "title": "Group responsive variants",
+      "kind": "refactor.organize",
+      "description": "Groups utility classes by responsive breakpoint prefix (sm:, md:, lg:, xl:, 2xl:) for better readability.",
+      "pattern": "(?:sm|md|lg|xl|2xl):[\\w-]+",
+      "isPreferred": false
+    },
+    {
+      "title": "Remove duplicate Tailwind classes",
+      "kind": "quickfix.removeDuplicates",
+      "description": "Detects and removes duplicate utility classes within a class attribute.",
+      "pattern": "class\\s*=\\s*[\"'][^\"']*[\"']",
+      "isPreferred": true
+    },
+    {
+      "title": "Convert @apply to inline utilities",
+      "kind": "refactor.inline",
+      "description": "Replaces an @apply rule with the individual utility classes inlined directly in the HTML class attribute.",
+      "pattern": "@apply\\s+[\\w\\s:-]+;",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert inline utilities to @apply",
+      "kind": "refactor.extract.apply",
+      "description": "Extracts inline Tailwind utility classes from a class attribute into a new CSS rule using @apply.",
+      "pattern": "class\\s*=\\s*[\"']([^\"']{30,})[\"']",
+      "isPreferred": false
+    },
+    {
+      "title": "Wrap in responsive variant",
+      "kind": "refactor.wrap",
+      "description": "Wraps selected utility classes with a responsive breakpoint prefix (sm:, md:, lg:, xl:, 2xl:).",
+      "pattern": "[\\w-]+",
+      "isPreferred": false
+    },
+    {
+      "title": "Add dark mode variant",
+      "kind": "refactor.wrap",
+      "description": "Adds dark: prefix to selected utility classes for dark mode support.",
+      "pattern": "(?:bg|text|border|ring|shadow)-[\\w-]+",
+      "isPreferred": false
+    },
+    {
+      "title": "Convert to arbitrary value",
+      "kind": "refactor.rewrite",
+      "description": "Converts a standard utility value to an arbitrary value notation, e.g. `p-4` to `p-[1rem]`.",
+      "pattern": "\\w+-\\d+",
+      "isPreferred": false
+    }
+  ],
+  "providedCodeActionKinds": ["quickfix", "refactor", "refactor.extract", "refactor.inline", "refactor.rewrite", "source"]
+}

package/data/codeLens/css.json

@@ -0,0 +1,68 @@
+{
+  "language": "css",
+  "codeLensPatterns": [
+    {
+      "pattern": "^([.#]?[a-zA-Z][a-zA-Z0-9_-]*(?:\\s*[>+~]\\s*[.#]?[a-zA-Z][a-zA-Z0-9_-]*)*(?:\\s*,\\s*[.#]?[a-zA-Z][a-zA-Z0-9_-]*)*)\\s*\\{",
+      "captureGroup": 1,
+      "commandId": "css.showSelectorInfo",
+      "title": "Selector: ${1} — Show specificity & matched elements",
+      "description": "Displays specificity calculation, inheritance chain, and approximate element match count for this CSS selector rule."
+    },
+    {
+      "pattern": "@media\\s+([^{]+)\\{",
+      "captureGroup": 1,
+      "commandId": "css.showMediaQueryInfo",
+      "title": "Media: ${1} — Show breakpoint details",
+      "description": "Shows the media query condition, applicable viewport ranges, and the number of rules contained within this @media block."
+    },
+    {
+      "pattern": "@keyframes\\s+([a-zA-Z][a-zA-Z0-9_-]*)\\s*\\{",
+      "captureGroup": 1,
+      "commandId": "css.showKeyframesUsage",
+      "title": "Animation: ${1} — Find usages",
+      "description": "Shows all elements referencing this @keyframes animation by animation-name property across the stylesheet."
+    },
+    {
+      "pattern": "--([a-zA-Z][a-zA-Z0-9_-]*)\\s*:",
+      "captureGroup": 1,
+      "commandId": "css.showCustomPropertyUsage",
+      "title": "Variable: --${1} — Find references",
+      "description": "Counts and lists all var(--${1}) references across stylesheets to show where this custom property is consumed."
+    },
+    {
+      "pattern": "@font-face\\s*\\{[^}]*font-family\\s*:\\s*['\"]?([^'\";}]+)",
+      "captureGroup": 1,
+      "commandId": "css.showFontFaceUsage",
+      "title": "Font: ${1} — Find usages",
+      "description": "Lists all elements using this @font-face defined font-family across stylesheets."
+    },
+    {
+      "pattern": "@layer\\s+([a-zA-Z][a-zA-Z0-9_-]*)\\s*[{;]",
+      "captureGroup": 1,
+      "commandId": "css.showLayerInfo",
+      "title": "Layer: ${1} — Show cascade order",
+      "description": "Displays cascade layer ordering and the number of rules assigned to this layer across all stylesheets."
+    },
+    {
+      "pattern": "@import\\s+(?:url\\()?['\"]?([^'\"\\)]+)",
+      "captureGroup": 1,
+      "commandId": "css.openImportedFile",
+      "title": "Import: ${1} — Open file",
+      "description": "Opens the imported CSS file for viewing or editing."
+    },
+    {
+      "pattern": "@supports\\s+([^{]+)\\{",
+      "captureGroup": 1,
+      "commandId": "css.showSupportsInfo",
+      "title": "Feature Query: ${1} — Show browser support",
+      "description": "Displays browser compatibility information for the queried CSS feature."
+    },
+    {
+      "pattern": "@container\\s+(?:([a-zA-Z][a-zA-Z0-9_-]*)\\s+)?\\(",
+      "captureGroup": 1,
+      "commandId": "css.showContainerInfo",
+      "title": "Container Query — Show container details",
+      "description": "Shows the container query condition and identifies the matching container element by name or proximity."
+    }
+  ]
+}

package/data/codeLens/tailwindcss.json

@@ -0,0 +1,47 @@
+{
+  "language": "tailwindcss",
+  "codeLensPatterns": [
+    {
+      "pattern": "@apply\\s+([\\w\\s:-]+);",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.showApplyOutput",
+      "title": "Show generated CSS",
+      "description": "Displays the compiled CSS output for the @apply directive utilities."
+    },
+    {
+      "pattern": "@layer\\s+(base|components|utilities)\\s*\\{",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.showLayerInfo",
+      "title": "Layer: ${1}",
+      "description": "Shows information about the Tailwind layer and its contents."
+    },
+    {
+      "pattern": "@tailwind\\s+(base|components|utilities|variants)\\s*;",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.showDirectiveInfo",
+      "title": "@tailwind ${1}",
+      "description": "Shows the styles injected by the @tailwind directive."
+    },
+    {
+      "pattern": "theme\\(['\"]([^'\"]+)['\"]\\)",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.resolveThemeValue",
+      "title": "Resolve theme value",
+      "description": "Resolves and displays the actual CSS value from the Tailwind theme configuration."
+    },
+    {
+      "pattern": "class\\s*=\\s*[\"']([^\"']+)[\"']",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.showClassCount",
+      "title": "${count} classes",
+      "description": "Displays the count of Tailwind utility classes applied to this element."
+    },
+    {
+      "pattern": "@config\\s+['\"]([^'\"]+)['\"]\\s*;",
+      "captureGroup": 1,
+      "commandId": "tailwindcss.openConfig",
+      "title": "Open config: ${1}",
+      "description": "Opens the referenced Tailwind configuration file."
+    }
+  ]
+}

package/data/color/css.json

@@ -0,0 +1,124 @@
+{
+  "language": "css",
+  "colorPatterns": [
+    {
+      "pattern": "#([0-9a-fA-F]{3})\\b",
+      "format": "hex3",
+      "description": "Short hex color (#rgb). Expands to #rrggbb — each digit is doubled (e.g., #f0a → #ff00aa)."
+    },
+    {
+      "pattern": "#([0-9a-fA-F]{4})\\b",
+      "format": "hex4",
+      "description": "Short hex color with alpha (#rgba). Each digit is doubled (e.g., #f0a8 → #ff00aa88)."
+    },
+    {
+      "pattern": "#([0-9a-fA-F]{6})\\b",
+      "format": "hex6",
+      "description": "Standard 6-digit hex color (#rrggbb). Each pair represents red, green, blue as 0–255."
+    },
+    {
+      "pattern": "#([0-9a-fA-F]{8})\\b",
+      "format": "hex8",
+      "description": "8-digit hex color with alpha (#rrggbbaa). Last two digits represent alpha transparency (00=transparent, ff=opaque)."
+    },
+    {
+      "pattern": "rgb\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*\\)",
+      "format": "rgb",
+      "description": "RGB functional notation with comma-separated integer values (0–255) for red, green, blue channels."
+    },
+    {
+      "pattern": "rgb\\(\\s*(\\d{1,3})\\s+(\\d{1,3})\\s+(\\d{1,3})\\s*\\)",
+      "format": "rgb-modern",
+      "description": "Modern RGB syntax with space-separated values (CSS Color Level 4). No commas needed."
+    },
+    {
+      "pattern": "rgba\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*([0-9.]+)\\s*\\)",
+      "format": "rgba",
+      "description": "RGBA functional notation. Same as rgb() with an alpha channel (0 = transparent, 1 = opaque)."
+    },
+    {
+      "pattern": "rgb\\(\\s*(\\d{1,3})\\s+(\\d{1,3})\\s+(\\d{1,3})\\s*/\\s*([0-9.]+%?)\\s*\\)",
+      "format": "rgb-alpha-modern",
+      "description": "Modern RGB with alpha using slash syntax: rgb(R G B / alpha). CSS Color Level 4 syntax."
+    },
+    {
+      "pattern": "hsl\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})%\\s*,\\s*(\\d{1,3})%\\s*\\)",
+      "format": "hsl",
+      "description": "HSL functional notation. Hue (0–360°), saturation (0–100%), lightness (0–100%). More intuitive than RGB for color manipulation."
+    },
+    {
+      "pattern": "hsl\\(\\s*(\\d{1,3})\\s+(\\d{1,3})%\\s+(\\d{1,3})%\\s*\\)",
+      "format": "hsl-modern",
+      "description": "Modern HSL syntax with space-separated values (CSS Color Level 4)."
+    },
+    {
+      "pattern": "hsla\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})%\\s*,\\s*(\\d{1,3})%\\s*,\\s*([0-9.]+)\\s*\\)",
+      "format": "hsla",
+      "description": "HSLA functional notation. HSL with alpha channel for transparency."
+    },
+    {
+      "pattern": "hsl\\(\\s*(\\d{1,3})\\s+(\\d{1,3})%\\s+(\\d{1,3})%\\s*/\\s*([0-9.]+%?)\\s*\\)",
+      "format": "hsl-alpha-modern",
+      "description": "Modern HSL with alpha using slash syntax: hsl(H S% L% / alpha). CSS Color Level 4 syntax."
+    },
+    {
+      "pattern": "oklch\\(\\s*([0-9.]+%?)\\s+([0-9.]+)\\s+([0-9.]+)\\s*(?:/\\s*([0-9.]+%?))?\\s*\\)",
+      "format": "oklch",
+      "description": "OKLCH color function (CSS Color Level 4). Perceptually uniform: lightness (0–1 or 0%–100%), chroma (0–0.4+), hue (0–360). Better for palette generation."
+    },
+    {
+      "pattern": "lab\\(\\s*([0-9.]+%?)\\s+(-?[0-9.]+)\\s+(-?[0-9.]+)\\s*(?:/\\s*([0-9.]+%?))?\\s*\\)",
+      "format": "lab",
+      "description": "CIE Lab color function. Lightness (0–100), a-axis (green–red), b-axis (blue–yellow). Device-independent color space."
+    },
+    {
+      "pattern": "lch\\(\\s*([0-9.]+%?)\\s+([0-9.]+)\\s+([0-9.]+)\\s*(?:/\\s*([0-9.]+%?))?\\s*\\)",
+      "format": "lch",
+      "description": "CIE LCH color function. Lightness (0–100), chroma (0–230+), hue (0–360). Cylindrical representation of Lab."
+    },
+    {
+      "pattern": "color\\(\\s*(srgb|display-p3|a98-rgb|prophoto-rgb|rec2020)\\s+([0-9.]+)\\s+([0-9.]+)\\s+([0-9.]+)\\s*(?:/\\s*([0-9.]+%?))?\\s*\\)",
+      "format": "color-function",
+      "description": "CSS color() function for wide-gamut color spaces: srgb, display-p3, a98-rgb, prophoto-rgb, rec2020."
+    },
+    {
+      "pattern": "\\b(aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen)\\b",
+      "format": "named",
+      "description": "CSS named color keyword. One of 148 predefined color names from the CSS Color Module specification."
+    }
+  ],
+  "colorPresentations": [
+    {
+      "label": "Hex",
+      "format": "hex6"
+    },
+    {
+      "label": "Hex with Alpha",
+      "format": "hex8"
+    },
+    {
+      "label": "RGB",
+      "format": "rgb"
+    },
+    {
+      "label": "RGB (modern)",
+      "format": "rgb-modern"
+    },
+    {
+      "label": "HSL",
+      "format": "hsl"
+    },
+    {
+      "label": "HSL (modern)",
+      "format": "hsl-modern"
+    },
+    {
+      "label": "OKLCH",
+      "format": "oklch"
+    },
+    {
+      "label": "Named Color",
+      "format": "named"
+    }
+  ]
+}

package/data/color/tailwindcss.json

@@ -0,0 +1,53 @@
+{
+  "language": "tailwindcss",
+  "colorPatterns": [
+    {
+      "pattern": "(?:bg|text|border|ring|shadow|outline|accent|caret|fill|stroke|from|via|to|divide|placeholder)-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950)",
+      "format": "tailwind-palette",
+      "description": "Tailwind CSS named color utilities from the default color palette."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring|shadow|outline|fill|stroke)-\\[#([0-9a-fA-F]{3,8})\\]",
+      "format": "hex",
+      "description": "Arbitrary hex color values in Tailwind utility classes."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring|fill|stroke)-\\[rgb\\(([^)]+)\\)\\]",
+      "format": "rgb",
+      "description": "Arbitrary RGB color values in Tailwind utility classes."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring|fill|stroke)-\\[rgba\\(([^)]+)\\)\\]",
+      "format": "rgba",
+      "description": "Arbitrary RGBA color values with alpha in Tailwind utility classes."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring|fill|stroke)-\\[hsl\\(([^)]+)\\)\\]",
+      "format": "hsl",
+      "description": "Arbitrary HSL color values in Tailwind utility classes."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring)-(?:white|black|transparent|current|inherit)",
+      "format": "named",
+      "description": "Tailwind CSS special named color utilities."
+    },
+    {
+      "pattern": "theme\\(['\"]colors\\.([^'\"]+)['\"]\\)",
+      "format": "theme-reference",
+      "description": "Color references via theme() function resolving to the Tailwind config palette."
+    },
+    {
+      "pattern": "(?:bg|text|border|ring)-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950)\\/(?:\\d{1,3})",
+      "format": "tailwind-palette-opacity",
+      "description": "Tailwind color utilities with opacity modifier (e.g. bg-blue-500/50)."
+    }
+  ],
+  "colorPresentations": [
+    { "label": "Tailwind Palette", "format": "tailwind-palette" },
+    { "label": "Hex", "format": "hex" },
+    { "label": "RGB", "format": "rgb" },
+    { "label": "RGBA", "format": "rgba" },
+    { "label": "HSL", "format": "hsl" },
+    { "label": "Opacity Modifier", "format": "tailwind-palette-opacity" }
+  ]
+}

package/data/commands/css.json

@@ -0,0 +1,41 @@
+{
+  "name": "stylelint",
+  "description": "CSS linter and formatter",
+  "category": "development",
+  "platforms": [
+    "linux",
+    "macos",
+    "windows"
+  ],
+  "shells": [
+    "bash",
+    "zsh",
+    "powershell"
+  ],
+  "subcommands": [
+    {
+      "name": "\"**/*.css\"",
+      "description": "Lint CSS files using glob",
+      "args": [],
+      "options": []
+    },
+    {
+      "name": "--fix \"**/*.css\"",
+      "description": "Auto-fix CSS lint issues",
+      "args": [],
+      "options": []
+    },
+    {
+      "name": "--config path/to/.stylelintrc",
+      "description": "Use a custom Stylelint config",
+      "args": [],
+      "options": []
+    },
+    {
+      "name": "--syntax css",
+      "description": "Force CSS syntax",
+      "args": [],
+      "options": []
+    }
+  ]
+}