assets

Name: assets
Author: diego-ARTT

Static files (css, js, and images) for theme templates

by diego-ARTT(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Instruction file imported from diego-ARTT/Artt-horizon (.cursor/rules/assets.mdc). Copyright stays with the author.

Assets

The assets directory contains any assets that need to be referenced within a .liquid file, usually using the asset_url Liquid filter.

Assets is a flat directory, it may not contain subdirectories.

Any images that are required in the code, including icons, may be stored within assets. Icons can be used in .liquid files via the inline_asset_content Liquid filter.

SVG Icon Accessibility

All SVG icon files in assets must include aria-hidden="true" on the root <svg> element:

<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <!-- paths -->
</svg>

This ensures decorative icons are hidden from screen readers. The accessible name should be provided by the interactive element (button, link) that contains the icon, not by the icon itself.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/diego-artt-artt-horizon-assets-rule/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

diego-artt-artt-horizon-assets-rule.ocm.jsonjson

{
  "ocm": "1",
  "id": "diego-artt-artt-horizon-assets-rule",
  "kind": "skill",
  "name": "assets",
  "description": "Static files (css, js, and images) for theme templates",
  "publisher": "diego-ARTT",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-cursor-rules"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Static files (css, js, and images) for theme templates"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-cursor-rules",
      "repository": "https://github.com/diego-ARTT/Artt-horizon",
      "path": ".cursor/rules/assets.mdc",
      "ref": "2aab2b6352a6c355e6a8c01043ba1eb84a1841a7",
      "url": "https://github.com/diego-ARTT/Artt-horizon/blob/2aab2b6352a6c355e6a8c01043ba1eb84a1841a7/.cursor/rules/assets.mdc",
      "key": "diego-ARTT/Artt-horizon/.cursor/rules/assets.mdc"
    },
    "applies_to": "assets/*"
  },
  "instructions": "# Assets\n\nThe assets directory contains any assets that need to be referenced within a `.liquid` file, usually using the [asset_url](mdc:https:/shopify.dev/docs/api/liquid/filters/asset_url) Liquid filter.\n\nAssets is a flat directory, it may not contain subdirectories.\n\nAny images that are required in the code, including icons, may be stored within assets.  Icons can be used in `.liquid` files via the [inline_asset_content](mdc:https:/shopify.dev/docs/api/liquid/filters/inline_asset_content) Liquid filter.\n\n## SVG Icon Accessibility\n\nAll SVG icon files in assets must include `aria-hidden=\"true",
  "cost": {
    "context_tokens": 237
  }
}

Fetch it by URL: GET /api/v1/registry/diego-artt-artt-horizon-assets-rule/manifest?version=1.0.0

About

Assets

SVG Icon Accessibility

Use it

Manifest

Reviews