sheleg-design-skill 1.26.0 → 1.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/kits/editorial-luxury/.design-sync/conventions.md +6 -2
- package/package.json +1 -1
- package/plugins/sheleg-design/.claude-plugin/plugin.json +1 -1
- package/plugins/sheleg-design/skills/sheleg-design/SKILL.md +1 -1
- package/plugins/sheleg-design/skills/sheleg-design/styles/editorial-luxury.md +16 -2
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,31 @@ All notable changes to this project are documented in this file. The format
|
|
|
4
4
|
follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); versions
|
|
5
5
|
follow [SemVer](https://semver.org/spec/v2.0.0.html).
|
|
6
6
|
|
|
7
|
+
## [1.27.0] - 2026-08-13
|
|
8
|
+
|
|
9
|
+
A ban that said "no side-stripe accent borders" was measured against a real consumer for
|
|
10
|
+
the first time, and it turned out to forbid the wrong thing. Narrowed to what it always
|
|
11
|
+
meant.
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- **`editorial-luxury` — the side-stripe ban now says which stripe.** The bare wording
|
|
16
|
+
banned every `border-left` accent, and a production app on this pack has **42** of them.
|
|
17
|
+
Reading them one at a time is what settled it: four are 1px hairlines on code blocks and
|
|
18
|
+
TOC drawers, so not accents at all; three are `transparent`, reserving the gutter for a
|
|
19
|
+
**selected-state** marker; the remaining thirty-five are 2–3px rules on TEXT BLOCKS —
|
|
20
|
+
blockquotes, callouts, toasts, notices, log entries. That is the oldest editorial device
|
|
21
|
+
there is, and a pack whose display face is Fraunces and whose field is cream paper has no
|
|
22
|
+
business banning it. What the list actually collects is **ornament** — its neighbours are
|
|
23
|
+
gradient text, glassmorphism, outer glow and purple — so the ban now names the ornament:
|
|
24
|
+
the full-height accent rule down the side of a card, carrying no state and no semantic
|
|
25
|
+
role, put there to make the card look designed. The line to hold is stated with it: a
|
|
26
|
+
stripe must mean something, and must never be drawn in a colour nobody chose.
|
|
27
|
+
|
|
28
|
+
Why it matters beyond wording: a guard written to the literal reading fails on all 42
|
|
29
|
+
sites at once, and a gate nobody can satisfy is a gate that gets bypassed — so the
|
|
30
|
+
over-broad ban was buying zero enforcement while looking like doctrine.
|
|
31
|
+
|
|
7
32
|
## [1.26.0] - 2026-08-13
|
|
8
33
|
|
|
9
34
|
The palette gate computed one contrast per theme — ink against field — and never once
|
|
@@ -29,8 +29,12 @@ inside a card.
|
|
|
29
29
|
|
|
30
30
|
**Bans** (verbatim from the pack):
|
|
31
31
|
|
|
32
|
-
- No gradient text, no
|
|
33
|
-
|
|
32
|
+
- No gradient text, no glassmorphism, no neon/outer-glow shadows, no purple.
|
|
33
|
+
- No decorative accent stripe on a card (the full-height accent rule that carries no
|
|
34
|
+
state and no meaning). A 2-3px rule on a text block — quote, callout, notice — is an
|
|
35
|
+
editorial device and is allowed; it must mean something and must never be drawn in a
|
|
36
|
+
colour nobody chose. Narrowed 2026-08-13 after the literal reading was measured
|
|
37
|
+
against a consumer and failed on all 42 of its border-left rules.
|
|
34
38
|
- No emojis in product UI; no Inter/system display fonts (Fraunces owns
|
|
35
39
|
display).
|
|
36
40
|
- Never flatten the cream identity into generic white; never let motion
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sheleg-design-skill",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.27.0",
|
|
4
4
|
"description": "Design taste as an installable agent skill. Cinematic scroll-driven landing pages built on one scroll clock and layered degrade-to-calm motion, a motion doctrine that decides whether to animate before it decides how, three calibration dials, and seventeen locked style packs with ready-made design tokens — instrument-console, editorial-luxury, workbench, briefing-room, atrium, orchard, field-notes, cyclorama, showroom, blueprint, prism, maquette, scoreboard, datasheet, manpage, pigeonhole and roster. Colour, slop and fork-reciprocity gates run as scripts, not opinions. Works with Cursor, Claude Code and any agent that reads a SKILL.md.",
|
|
5
5
|
"bin": {
|
|
6
6
|
"sheleg-design-skill": "bin/cli.js"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "sheleg-design",
|
|
3
3
|
"displayName": "SHELEG Design",
|
|
4
4
|
"description": "SHELEG Design methodology: cinematic scroll-driven landing pages (single scroll clock, layered degrade-to-calm motion, WebGL particle formations), a motion doctrine that decides whether to animate before it decides how, and seventeen pluggable visual style packs — instrument-console (dark console), editorial-luxury (warm editorial), workbench (light/dark product UI for dashboards and tools), briefing-room (dark 16:9 deck), atrium (warm consumer health), orchard (friendly consumer biotech), field-notes (warm paper for dev tools sold on auditability), cyclorama (a pastel field on a 32s cycle), showroom (the product as the exhibit), blueprint (a drawing sheet, zero radius), prism (one iridescent wash over mono body), maquette (cream axonometric models on a dark table), scoreboard (warm paper, pixel numerals, a dark ledger of results), datasheet (an off-white spec sheet whose live instrument goes dark when it detects the reader is hiding), manpage (a developer landing page set in the reader's own system monospace on cream paper, with coral label chips that are real headings and a dark code frame as the argument), pigeonhole (a white sorting wall whose nine pastel categories are a filing scheme rather than a mood, each a two-layer chip whose label word is mandatory), roster (a white field in a faint grid of squares whose argument is other people's marks — client logotypes in pill-labelled industry columns, an engine's wordmark inside the headline — where the proof is a name rather than a number). Ships the sheleg-design skill, the architecture reference, the motion doctrine, the Figma and Claude Design bridges, AI-surface patterns, style packs with ready-made token CSS, and the /sheleg-design command.",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.27.0",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "ssheleg",
|
|
8
8
|
"url": "https://x.com/sshlg93"
|
|
@@ -3,7 +3,7 @@ name: sheleg-design
|
|
|
3
3
|
description: Use when building or upgrading a cinematic scroll-driven landing page, marketing site or hero (particle/WebGL background, scroll-linked animation, parallax, scrubbed sections) — when such a page feels busy or janky or its motion layers drift out of sync — or when styling product UI with its style packs - dashboards, admin panels, internal/dev tools, mobile app screens, design tokens, light/dark themes - or when carrying a visual system across the Figma border (publishing tokens as variables, implementing a design without importing raw values). Triggers - "cinematic landing" / "кинематографичный лендинг", "scroll animation" / "скролл-анимация", "dashboard style" / "стиль дашборда", "design tokens" / "дизайн-токены", "light/dark theme" / "светлая/тёмная тема", "figma variables / figma to code" / "переменные фигмы, фигма в код", "chat/agent UI" / "интерфейс чата или агента", "streaming output" / "стриминг ответа", "mobile screen" / "мобильный экран".
|
|
4
4
|
license: MIT
|
|
5
5
|
metadata:
|
|
6
|
-
version: 1.
|
|
6
|
+
version: 1.27.0
|
|
7
7
|
---
|
|
8
8
|
|
|
9
9
|
# SHELEG Design
|
|
@@ -139,8 +139,22 @@ How this pack rides the SHELEG motion layer (brand register only):
|
|
|
139
139
|
word carries the meaning in `--ink` (11.8:1 on every tint).
|
|
140
140
|
*(Corrected 2026-08-10: this bullet was copy-pasted into six of the twelve and
|
|
141
141
|
claimed a measurement across "several pairs" that one colour cannot form.)*
|
|
142
|
-
- No gradient text, no
|
|
143
|
-
|
|
142
|
+
- No gradient text, no glassmorphism, no neon/outer-glow shadows, no purple.
|
|
143
|
+
- **No decorative accent stripe on a card** — the full-height rule down the side of a
|
|
144
|
+
panel, in the accent, carrying no state and no semantic role, put there to make the
|
|
145
|
+
card look designed. That is the ornament this list is about, and its neighbours above
|
|
146
|
+
are the same kind of thing.
|
|
147
|
+
*(Narrowed 2026-08-13, and narrowed because the bare wording "no side-stripe accent
|
|
148
|
+
borders" was measured against a real consumer and found to ban the wrong thing.* A
|
|
149
|
+
production app on this pack had **42** `border-left` rules, and reading them one by one
|
|
150
|
+
is what settled it: four are 1px hairlines on code blocks and TOC drawers — not accents
|
|
151
|
+
at all; three are `transparent`, reserving the gutter for a **selected-state** marker;
|
|
152
|
+
the rest are 2–3px rules on TEXT BLOCKS — blockquotes, callouts, toasts, notices, log
|
|
153
|
+
entries — which is the oldest editorial device there is, and a pack whose display face
|
|
154
|
+
is Fraunces and whose field is cream paper has no business banning it. A guard written
|
|
155
|
+
to the literal reading failed on all 42, and a gate nobody can satisfy is a gate that
|
|
156
|
+
gets bypassed. **The line to hold:** a stripe must mean something — state, severity, or
|
|
157
|
+
"this block is quoted" — and must never be drawn in a colour nobody chose.)*
|
|
144
158
|
- No emojis in product UI; no Inter/system display fonts (Fraunces owns
|
|
145
159
|
display).
|
|
146
160
|
- Never flatten the cream identity into generic white; never let motion
|