pablo-cubides-spartan-webpage-design-instructions.ocm.json json {
"ocm": "1",
"id": "pablo-cubides-spartan-webpage-design-instructions",
"kind": "skill",
"name": "design",
"description": "Use when editing UI, layout, styling, Tailwind classes, design tokens, accessibility, responsive behavior, or component visuals.",
"publisher": "Pablo-Cubides",
"version": "1.0.0",
"capabilities": {
"domains": [
"general"
],
"tags": [
"skill-md",
"github-instructions"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"Use when editing UI, layout, styling, Tailwind classes, design tokens, accessibility, responsive behavior, or component visuals."
],
"primary": false,
"metadata": {
"source": {
"provider": "github-instructions",
"repository": "https://github.com/Pablo-Cubides/Spartan_webpage",
"path": ".github/instructions/design.instructions.md",
"ref": "5c49e446aa0bb29a68c708dedcaed633ac278ba9",
"url": "https://github.com/Pablo-Cubides/Spartan_webpage/blob/5c49e446aa0bb29a68c708dedcaed633ac278ba9/.github/instructions/design.instructions.md",
"key": "Pablo-Cubides/Spartan_webpage/.github/instructions/design.instructions.md"
},
"applies_to": [
"frontend/src/app/**/*.tsx",
"frontend/src/components/**/*.tsx"
]
},
"instructions": "# Design System Rules\n\n- Follow `docs/design/design-tokens.md` and `docs/design/component-specs.md`.\n- Do not introduce new ad hoc colors when a token already exists.\n- Keep spacing aligned with the documented scale.\n- Preserve focus styles, keyboard support, and readable contrast.\n- Use mobile-first layouts and verify responsive breakpoints.\n- If a component changes behavior or state, update the design spec too.",
"cost": {
"context_tokens": 104
}
}