Run any Skill in Manus with one click

machinaos-design

Stars322

Forks57

UpdatedJune 16, 2026 at 09:03

Use this skill to generate well-branded interfaces and assets for MachinaOS (zeenie.ai), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

zeenie-ai

zeenie-ai/MachinaOS

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

File Explorer

100 files

SKILL.md

readonly

name	machinaos-design
description	Use this skill to generate well-branded interfaces and assets for MachinaOS (zeenie.ai), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable	true

Read the README.md file within this skill, and explore the other available files. If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand. If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.

Key facts:

MachinaOS is zeenie.ai's local-first AI workflow OS — a visual node canvas where users wire AI agents to email, WhatsApp, Android phones, browsers, and 50+ services.
Link styles.css for all tokens; add class="dark" on <html> for the signature neutral-slate-dark + Dracula-neon look (the default for product UI).
Color is semantic: action intents (run=green, stop=pink, save=cyan, config=orange, secret=yellow, tools=purple) and node roles (agent=purple, model=cyan, tool=green, trigger=pink, workflow=orange) — always as soft tints (8–15% fill, 30–60% border, full-strength text), never solid neon fills.
Type: Geist (Google Fonts), 14px base, sentence case, terse copy; JetBrains Mono for counts/state/timestamps.
Icons: Lucide only (stroke 2, currentColor); product node icons are colorful emoji-style glyphs.
Reusable React components live in components/ (with .prompt.md usage notes per component); a full interactive recreation of the app is in ui_kits/machinaos/.

More from this repository

same repository

browser-harness-skill

zeenie-ai/MachinaOS

Drive the user's real Chrome over raw CDP by writing Python against browser-harness helpers - screenshot, coordinate clicks, JS evaluation, form fill, tabs. For tasks needing full freedom or the user's own logins.

2026-07-10322

github-skill

zeenie-ai/MachinaOS

Work with GitHub via the gh CLI — clone repositories, create/list/merge pull requests, create/list issues, and run any other gh command (API calls, workflow runs, releases, repo administration). List operations return parsed JSON.

2026-07-10322

vercel-skill

zeenie-ai/MachinaOS

Deploy sites and apps to Vercel, inspect deployments, stream logs, and manage projects/env/domains via the Vercel CLI. Deploy a directory and get back the live deployment URL; everything else the CLI supports is available through the custom command passthrough.

2026-07-09322

monty-skill

zeenie-ai/MachinaOS

Run AI-generated Python in a hard sandbox (Pydantic Monty) with enforced time + memory limits and opt-in capabilities. Use for untrusted code; supports a Python subset.

2026-06-15322

browser-skill

zeenie-ai/MachinaOS

Interactive browser automation - navigate, click, type, fill forms, take screenshots, get accessibility snapshots. Supports system Chrome/Edge via auto-detection.

2026-06-12322

file-modify-skill

zeenie-ai/MachinaOS

Write new files or edit existing files with string replacement.

2026-06-12322

name	machinaos-design
description	Use this skill to generate well-branded interfaces and assets for MachinaOS (zeenie.ai), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable	true

Key facts:

MachinaOS is zeenie.ai's local-first AI workflow OS — a visual node canvas where users wire AI agents to email, WhatsApp, Android phones, browsers, and 50+ services.
Link styles.css for all tokens; add class="dark" on <html> for the signature neutral-slate-dark + Dracula-neon look (the default for product UI).
Color is semantic: action intents (run=green, stop=pink, save=cyan, config=orange, secret=yellow, tools=purple) and node roles (agent=purple, model=cyan, tool=green, trigger=pink, workflow=orange) — always as soft tints (8–15% fill, 30–60% border, full-strength text), never solid neon fills.
Type: Geist (Google Fonts), 14px base, sentence case, terse copy; JetBrains Mono for counts/state/timestamps.
Icons: Lucide only (stroke 2, currentColor); product node icons are colorful emoji-style glyphs.
Reusable React components live in components/ (with .prompt.md usage notes per component); a full interactive recreation of the app is in ui_kits/machinaos/.