Skip to content

Add destijl-skill: De Stijl / Mondrian neoplastic UI variant#56

Open
maoxin1234 wants to merge 2 commits into
Leonxlnx:mainfrom
maoxin1234:add-destijl-skill
Open

Add destijl-skill: De Stijl / Mondrian neoplastic UI variant#56
maoxin1234 wants to merge 2 commits into
Leonxlnx:mainfrom
maoxin1234:add-destijl-skill

Conversation

@maoxin1234

@maoxin1234 maoxin1234 commented Jun 19, 2026

Copy link
Copy Markdown

Preview

De Stijl / Mondrian neoplastic UI demo

What

A new design-taste variant following the existing 8-section SKILL.md skeleton — same structure as minimalist-skill / brutalist-skill, only the values differ.

De Stijl / Mondrian neoplasticism: pure white canvas, thick black grid lines, primary-color planes (red/blue/yellow), absolute 90° angles, asymmetric dynamic balance. No diagonals, gradients, curves, or shadows.

Changes

  • skills/destijl-skill/SKILL.md — variant rules (name: destijl-neoplastic-ui)
  • skills/destijl-skill/examples/destijl.html — single-page demo; core trick is rendering the black structural lines as CSS grid gap over a black grid background (never as borders)
  • skills/destijl-skill/examples/destijl.png — rendered screenshot of the demo (shown above)
  • Registered alongside the other variants in skill.sh, skills/llms.txt, README.md, and .claude-plugin/marketplace.json

Color provenance

Piet Mondrian died in 1944; his work is public domain. Oil paintings have no canonical hex values, so the palette (red #E72119, blue #0B41CD, yellow #F9D616) is a sampled-approximation from high-res reproductions of Composition with Red, Blue and Yellow (1930), not an official color spec.

Checks run

  • marketplace.json validates as JSON
  • name is unique across all skills
  • HTML well-formed; no border-radius > 0 (style requires strict right angles)

🤖 Generated with Claude Code

maoxin1234 and others added 2 commits June 19, 2026 14:47
New design variant following the existing 8-section SKILL.md skeleton.
White canvas, thick black grid lines (rendered as CSS grid gaps),
primary-color planes, strict 90° angles, asymmetric balance.

- skills/destijl-skill/SKILL.md — variant rules
- skills/destijl-skill/examples/destijl.html — single-page demo
- Registered in skill.sh, llms.txt, README.md, marketplace.json

Palette approximates Mondrian (public domain); hex values are
sampled-approximations from high-res reproductions, not canonical.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Embed examples/destijl.png in SKILL.md so the variant has a visual
sample. Captured from the demo at 1280px (desktop asymmetric grid).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant