Skip to content

feat: Andritz Precision industrial design system#255

Open
Xuu-an wants to merge 3 commits intonextlevelbuilder:mainfrom
Xuu-an:feat/andritz-design-system
Open

feat: Andritz Precision industrial design system#255
Xuu-an wants to merge 3 commits intonextlevelbuilder:mainfrom
Xuu-an:feat/andritz-design-system

Conversation

@Xuu-an
Copy link
Copy Markdown

@Xuu-an Xuu-an commented Apr 15, 2026

Summary

  • Replace generic design system with the Andritz "Monolithic Engine" industrial design system supporting dark/light theme variants
  • 13 files changed (1652 additions, 971 deletions): SKILL.md, 8 reference docs, 1 new design philosophy doc, token starter JSON, 2 utility scripts, plan document
  • Three-layer token architecture (primitive→semantic→component) with Material Design surface hierarchy, 0px radius industrial aesthetic, tonal layering, glassmorphic overlays, and complete Tailwind CSS integration

Key changes

  • SKILL.md — rebranded to Andritz Design System v2.0.0
  • references/design-philosophy.md — NEW: "The Monolithic Engine" creative north star
  • references/primitive-tokens.md — Andritz Blue scale, surface hierarchy (light/dark), neutral, status colors
  • references/semantic-tokens.md — Light :root and .dark theme tokens
  • references/component-tokens.md — Button (gradient), Input (bottom-border), Card (no-line), Dialog (glassmorphic)
  • references/component-specs.md — Industrial component specifications with anatomy diagrams
  • references/states-and-variants.md — Tonal shifts, scale(0.98) active, ghost borders
  • references/tailwind-integration.md — HSL variables, 0px radius overrides, shadcn/ui alignment
  • references/token-architecture.md — Three-layer architecture with W3C DTCG format
  • templates/design-tokens-starter.json — Complete W3C DTCG Andritz token starter
  • scripts/fetch-background.py & scripts/html-token-validator.py — Updated with Andritz color values

Test plan

  • JSON starter file validates successfully (python -c "import json; json.load(...)")
  • No leftover generic tokens (#2563EB, gray-50: #F9FAFB) in reference files
  • All Andritz color values consistent across files (verified primary=#0075be, surface=#f8fafb, etc.)
  • Cross-references intact (component→semantic→primitive token chain)

🤖 Generated with Claude Code

Xuu-an and others added 3 commits April 15, 2026 17:02
… system

Replace all generic design system content with the Andritz "Monolithic Engine"
design system featuring dark/light theme variants, three-layer token architecture
(primitive→semantic→component), Material Design surface hierarchy, 0px radius
industrial aesthetic, tonal layering, and glassmorphic overlays.

- Rewrite SKILL.md with Andritz branding, key colors, and best practices
- Add design-philosophy.md with creative north star and industrial rules
- Replace all 7 reference files with Andritz-specific tokens and specs
- Update design-tokens-starter.json to W3C DTCG Andritz token format
- Update scripts (fetch-background.py, html-token-validator.py) with Andritz colors
- Add implementation plan document

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Fix generate-tokens.cjs to handle Andritz DTCG JSON structure
  (unwrap root key, resolve inline {references}, support semantic-dark)
- Generate assets/design-tokens.css from token JSON (all references resolved)
- Add assets/design-tokens.json (token definitions for direct consumption)
- Add assets/css/slide-animations.css (industrial motion library)
- Add docs/brand-guidelines.md (Andritz brand identity, colors, typography, rules)
- Update SKILL.md Quick Start with correct paths and HTML import example

Co-Authored-By: Claude Opus 4.6 <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