arryoruma-tks-coffee-ranker-styling-instructions.ocm.json json {
"ocm": "1",
"id": "arryoruma-tks-coffee-ranker-styling-instructions",
"kind": "skill",
"name": "styling",
"description": "Styling conventions for token usage, responsive behavior, consistency, and accessible visual design.",
"publisher": "ArryoRuma",
"version": "1.0.0",
"capabilities": {
"domains": [
"general"
],
"tags": [
"skill-md",
"github-instructions"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"Styling conventions for token usage, responsive behavior, consistency, and accessible visual design."
],
"primary": false,
"metadata": {
"source": {
"provider": "github-instructions",
"repository": "https://github.com/ArryoRuma/TKs-Coffee-Ranker",
"path": ".github/instructions/styling.instructions.md",
"ref": "5c25dff52ac10803af18ee180a91a7b3e09ac954",
"url": "https://github.com/ArryoRuma/TKs-Coffee-Ranker/blob/5c25dff52ac10803af18ee180a91a7b3e09ac954/.github/instructions/styling.instructions.md",
"key": "ArryoRuma/TKs-Coffee-Ranker/.github/instructions/styling.instructions.md"
},
"applies_to": "**/*.html, **/*.css, **/*.js, **/*.ts, **/*.jsx, **/*.tsx, **/*.vue"
},
"instructions": "# Styling Instructions\n\n- Prefer existing design tokens, components, and theme conventions.\n- Use Tailwind utilities consistently.\n- Avoid one-off CSS unless needed.\n- Keep spacing, typography, and layout consistent.\n- Ensure responsive behavior on mobile, tablet, and desktop.\n- Preserve accessible color contrast.\n- Use animation only when it improves comprehension or usability.\n- Keep visual hierarchy clear with restrained accent usage.\n- Apply color intentionally; avoid hot-color-heavy backgrounds.\n- Favor semantic styling choices over arbitrary utility combinations.",
"cost": {
"context_tokens": 143
}
}