AI-Things / Skills/

Skills

7 procedural skills an agent loads before a Malevich task. Each grounds the agent in the conventions a specific kind of work depends on.

Malevich audit Inspect existing HTML/CSS for Malevich design-system conformance — token use, BEM convention, component selection, modifier applicability, accessibility, and the common anti-patterns that erode visual consistency.
audit · intermediate

Malevich canvas import Translate the visual taste of a reference — an existing site, a set of screenshots, or a brand book — into a Malevich `canvas.md`, so the system generates a faithful token set instead of hand-tuned CSS.
foundations · advanced

Malevich component usage Procedural guidance for working with Malevich components — installing them, composing them, applying variants, states, sizes, and modifiers, and choosing the right component for a given UI intent.
composition · basic

Malevich foundations Work with the three token tiers — how design decisions are encoded, which tier a component may consume, and how to pick the right token by role rather than by value.
foundations · basic

Malevich modifiers Apply the modifier system correctly — the seven categories, the data-attribute attachment, the applicability matrix that declares what each component accepts, and the split between CSS-only and runtime modifiers.
modifiers · intermediate

Malevich new component Create a new component inside Malevich — layer classification, file structure, naming, CSS layer, tokens, docs.md, and the discipline required to fit the new piece into the existing system without weakening it.
authoring · advanced

Malevich refactor Convert non-Malevich UI code — vanilla HTML/CSS, Tailwind, Bootstrap, or another design system — into Malevich. A step-by-step procedure that resists the temptation to rewrite from scratch.
refactor · intermediate