Azmx — Design skill for Claude Code
Design systems for AZMX and its brands — AZMX, Colab and Majarah — packaged as Agent Skills for Claude Code.
How to install Azmx
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Gamaleldientarek/azmx and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Azmx does
Design systems for AZMX and its brands — AZMX, Colab and Majarah — packaged as Agent Skills for Claude Code.
Alternatives in Design
- Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
README
azmx
Design systems and projects for AZMX and its brands.
Maintained by [Gamal Eldien](https://gamaleldien.com).
Design systems
Packaged as Agent Skills for [Claude Code](https://claude.com/claude-code).
| Skill | Covers | Source |
|---|---|---|
| AZMX Brand | Colors, tokens, typography, logos, fonts, email design system, voice and tone guide | `brand/` |
| Colab Design | Palette with verified contrast rules, type scale, 8-column slide grid, 14 layout archetypes, pixel/dither graphic language | `colab/` |
| Majarah Design | Eleven-variable palette with a measured contrast matrix, Oswald/Helvetica type system, 1920×1080 slide grid, twelve layout archetypes, EN/AR variable architecture | `majarah/` |
Each skill is self-contained and follows the standard Agent Skill layout:
/
├── SKILL.md entry point — loaded by the agent
├── README.md human-facing overview
├── CHANGELOG.md version history
├── assets/ logos, fonts, icons, images
├── references/ detailed specs loaded on demand
└── scripts/ build and QA tooling
Install
Two ways. **The plugin keeps itself up to date; the script does not.**
As a plugin (recommended)
/plugin marketplace add Gamaleldientarek/azmx
/plugin install azmx@azmx
That installs all three skills. Claude Code then refreshes them in the background, so a push here reaches everyone without anyone running anything.
Skills invoked from a plugin are namespaced — `/azmx:azmx-brand`, `/azmx:colab-design`, `/azmx:majarah-design`. Automatic invocation is unaffected: ask for anything AZMX-branded and the skill loads on its own, exactly as before.
If you previously installed with `install.sh`, delete the copies first so you are not running two versions:
rm -rf ~/.claude/skills/azmx-brand ~/.claude/skills/colab-design ~/.claude/skills/majarah-design
To make a project prompt its collaborators automatically, add this to th
Related Skills
Claude Design Principles
Distilled design judgment from Claude Design system prompt, packaged as a Claude Code skill.
Zi UI Skill
A portable token-driven CSS design system, packaged as an agent skill. A reference implementation of the Claud
Epodsystem CLI
One global, project-scoped CLI for the epod documentation-site CMS: page build/publish, .md <-> epod sync, sto
UX Discover
The mandatory 10-field intake before any generation. Asks project type, audience, primary goal, tone, must-hav
Ghibli Animation Ads Claude Skill
A claude code skill to create Ghibly style animation video ads for any brand. Particularly DTC brands. Create
Claude E
PTY-backed claude -p-style executor for Claude Code, packaged as the claude-e npm CLI
Related Agents
Design Whimsy Injector
Expert creative specialist focused on adding personality, delight, and playful elements to brand experiences.
Agency Operations
Invoke when the user needs to manage multiple client brands, view portfolio-level dashboards, generate client
Naming Generator
Generates names for products, features, companies, or brands with rationale. Use whenever the user needs a nam