Erste Schritte mit Clarity UI

apiVersion: soultec.ch/v1kind: Postmetadata: name: getting-started-with-clarity-ui-from-vmware locale: de labels: author: dario-doerflinger series: scripting capability/automation: 1.81 vendor/vmware: 0.98 annotations: source: blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md route: /de/insights/getting-started-with-clarity-ui-from-vmware/ schema: /nerd/schema/posts.json markdown: /de/insights/getting-started-with-clarity-ui-from-vmware.mdspec: title: Erste Schritte mit Clarity UI date: 2017-09-04 author: dario-doerflinger locale: de summary: >- Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. capabilities: [automation] vendors: [vmware] series: scripting migrated: 2026-08-24 translationReviewed: false draft: false sections: - body: | Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht. Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt. Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen. So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen. Wenn dich Clarity interessiert, schau dir ihr Video an: Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren. Link zur Clarity-Dokumentation: [Link](http://clarity.design)status: corpus: 315 alsoLike: - {ref: posts/vmware-explore-las-vegas-hackathon-2025, score: 1.00} - {ref: posts/vmware-hackathon-2024-project, score: 1.00} - {ref: solutions/vmware/vmware-cloud-foundation/addon/business-operations, score: 0.60} search: /de/search.json

{ "apiVersion": "soultec.ch/v1", "kind": "Post", "metadata": { "name": "getting-started-with-clarity-ui-from-vmware", "locale": "de", "labels": { "author": "dario-doerflinger", "series": "scripting", "capability/automation": 1.81, "vendor/vmware": 0.98 }, "annotations": { "source": "blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md", "route": "/de/insights/getting-started-with-clarity-ui-from-vmware/", "schema": "/nerd/schema/posts.json", "markdown": "/de/insights/getting-started-with-clarity-ui-from-vmware.md" } }, "spec": { "title": "Erste Schritte mit Clarity UI", "date": "2017-09-04", "author": "dario-doerflinger", "locale": "de", "summary": "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.", "capabilities": [ "automation" ], "vendors": [ "vmware" ], "series": "scripting", "migrated": "2026-08-24", "translationReviewed": false, "draft": false, "sections": [ { "body": "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.\n\nAls VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.\n\nMir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.\n\nSo weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.\n\nWenn dich Clarity interessiert, schau dir ihr Video an:\n\nDas Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.\n\nLink zur Clarity-Dokumentation: [Link](http://clarity.design)" } ] }, "status": { "corpus": 315, "alsoLike": [ { "ref": "posts/vmware-explore-las-vegas-hackathon-2025", "score": "1.00" }, { "ref": "posts/vmware-hackathon-2024-project", "score": "1.00" }, { "ref": "solutions/vmware/vmware-cloud-foundation/addon/business-operations", "score": "0.60" } ], "search": "/de/search.json" }}

apiVersion = "soultec.ch/v1"kind = "Post"[metadata]name = "getting-started-with-clarity-ui-from-vmware"locale = "de"[metadata.labels]author = "dario-doerflinger"series = "scripting""capability/automation" = 1.81"vendor/vmware" = 0.98[metadata.annotations]source = "blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md"route = "/de/insights/getting-started-with-clarity-ui-from-vmware/"schema = "/nerd/schema/posts.json"markdown = "/de/insights/getting-started-with-clarity-ui-from-vmware.md"[spec]title = "Erste Schritte mit Clarity UI"date = 2017-09-04author = "dario-doerflinger"locale = "de"summary = "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche."capabilities = ["automation"]vendors = ["vmware"]series = "scripting"migrated = 2026-08-24translationReviewed = falsedraft = false[[spec.sections]]body = '''Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.Wenn dich Clarity interessiert, schau dir ihr Video an:Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.Link zur Clarity-Dokumentation: [Link](http://clarity.design)'''[status]corpus = 315search = "/de/search.json"[[status.alsoLike]]ref = "posts/vmware-explore-las-vegas-hackathon-2025"score = "1.00"[[status.alsoLike]]ref = "posts/vmware-hackathon-2024-project"score = "1.00"[[status.alsoLike]]ref = "solutions/vmware/vmware-cloud-foundation/addon/business-operations"score = "0.60"

<?xml version="1.0" encoding="UTF-8"?><manifest kind="Post"> <apiVersion>soultec.ch/v1</apiVersion> <metadata> <name>getting-started-with-clarity-ui-from-vmware</name> <locale>de</locale> <labels> <author>dario-doerflinger</author> <series>scripting</series> <entry key="capability/automation">1.81</entry> <entry key="vendor/vmware">0.98</entry> </labels> <annotations> <source>blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md</source> <route>/de/insights/getting-started-with-clarity-ui-from-vmware/</route> <schema>/nerd/schema/posts.json</schema> <markdown>/de/insights/getting-started-with-clarity-ui-from-vmware.md</markdown> </annotations> </metadata> <spec> <title>Erste Schritte mit Clarity UI</title> <date>2017-09-04</date> <author>dario-doerflinger</author> <locale>de</locale> <summary>Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.</summary> <capabilities> <item>automation</item> </capabilities> <vendors> <item>vmware</item> </vendors> <series>scripting</series> <migrated>2026-08-24</migrated> <translationReviewed>false</translationReviewed> <draft>false</draft> <sections> <section> <body>Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.Wenn dich Clarity interessiert, schau dir ihr Video an:Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.Link zur Clarity-Dokumentation: [Link](http://clarity.design) </body> </section> </sections> </spec> <status> <corpus>315</corpus> <alsoLike> <item> <ref>posts/vmware-explore-las-vegas-hackathon-2025</ref> <score>1.00</score> </item> <item> <ref>posts/vmware-hackathon-2024-project</ref> <score>1.00</score> </item> <item> <ref>solutions/vmware/vmware-cloud-foundation/addon/business-operations</ref> <score>0.60</score> </item> </alsoLike> <search>/de/search.json</search> </status></manifest>

# Code generated by the soultec.ch build. DO NOT EDIT.import jsonPAGE = { "apiVersion": "soultec.ch/v1", "kind": "Post", "metadata": { "name": "getting-started-with-clarity-ui-from-vmware", "locale": "de", "labels": { "author": "dario-doerflinger", "series": "scripting", "capability/automation": 1.81, "vendor/vmware": 0.98, }, "annotations": { "source": "blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md", "route": "/de/insights/getting-started-with-clarity-ui-from-vmware/", "schema": "/nerd/schema/posts.json", "markdown": "/de/insights/getting-started-with-clarity-ui-from-vmware.md", }, }, "spec": { "title": "Erste Schritte mit Clarity UI", "date": "2017-09-04", "author": "dario-doerflinger", "locale": "de", "summary": "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.", "capabilities": ["automation"], "vendors": ["vmware"], "series": "scripting", "migrated": "2026-08-24", "translationReviewed": False, "draft": False, "sections": [ { "body": ( "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.\n" "\n" "Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.\n" "\n" "Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.\n" "\n" "So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.\n" "\n" "Wenn dich Clarity interessiert, schau dir ihr Video an:\n" "\n" "Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.\n" "\n" "Link zur Clarity-Dokumentation: [Link](http://clarity.design)" ), }, ], }, "status": { "corpus": 315, "alsoLike": [ { "ref": "posts/vmware-explore-las-vegas-hackathon-2025", "score": "1.00", }, { "ref": "posts/vmware-hackathon-2024-project", "score": "1.00", }, { "ref": "solutions/vmware/vmware-cloud-foundation/addon/business-operations", "score": "0.60", }, ], "search": "/de/search.json", },}if __name__ == "__main__": print(json.dumps(PAGE, indent=2, ensure_ascii=False))

# Code generated by the soultec.ch build. DO NOT EDIT.$Page = [ordered]@{ apiVersion = 'soultec.ch/v1' kind = 'Post' metadata = [ordered]@{ name = 'getting-started-with-clarity-ui-from-vmware' locale = 'de' labels = [ordered]@{ author = 'dario-doerflinger' series = 'scripting' 'capability/automation' = 1.81 'vendor/vmware' = 0.98 } annotations = [ordered]@{ source = 'blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md' route = '/de/insights/getting-started-with-clarity-ui-from-vmware/' schema = '/nerd/schema/posts.json' markdown = '/de/insights/getting-started-with-clarity-ui-from-vmware.md' } } spec = [ordered]@{ title = 'Erste Schritte mit Clarity UI' date = '2017-09-04' author = 'dario-doerflinger' locale = 'de' summary = 'Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.' capabilities = @('automation') vendors = @('vmware') series = 'scripting' migrated = '2026-08-24' translationReviewed = $false draft = $false sections = @( [ordered]@{ body = @'Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.Wenn dich Clarity interessiert, schau dir ihr Video an:Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.Link zur Clarity-Dokumentation: [Link](http://clarity.design)'@ } ) } status = [ordered]@{ corpus = 315 alsoLike = @( [ordered]@{ ref = 'posts/vmware-explore-las-vegas-hackathon-2025' score = '1.00' } [ordered]@{ ref = 'posts/vmware-hackathon-2024-project' score = '1.00' } [ordered]@{ ref = 'solutions/vmware/vmware-cloud-foundation/addon/business-operations' score = '0.60' } ) search = '/de/search.json' }}$Page | ConvertTo-Json -Depth 32

// Code generated by the soultec.ch build. DO NOT EDIT.package mainimport ( "encoding/json" "os")var page = map[string]any{ "apiVersion": "soultec.ch/v1", "kind": "Post", "metadata": map[string]any{ "name": "getting-started-with-clarity-ui-from-vmware", "locale": "de", "labels": map[string]any{ "author": "dario-doerflinger", "series": "scripting", "capability/automation": 1.81, "vendor/vmware": 0.98, }, "annotations": map[string]any{ "source": "blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md", "route": "/de/insights/getting-started-with-clarity-ui-from-vmware/", "schema": "/nerd/schema/posts.json", "markdown": "/de/insights/getting-started-with-clarity-ui-from-vmware.md", }, }, "spec": map[string]any{ "title": "Erste Schritte mit Clarity UI", "date": "2017-09-04", "author": "dario-doerflinger", "locale": "de", "summary": "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.", "capabilities": []any{"automation"}, "vendors": []any{"vmware"}, "series": "scripting", "migrated": "2026-08-24", "translationReviewed": false, "draft": false, "sections": []any{ map[string]any{ "body": "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.\n" + "\n" + "Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.\n" + "\n" + "Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.\n" + "\n" + "So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.\n" + "\n" + "Wenn dich Clarity interessiert, schau dir ihr Video an:\n" + "\n" + "Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.\n" + "\n" + "Link zur Clarity-Dokumentation: [Link](http://clarity.design)", }, }, }, "status": map[string]any{ "corpus": 315, "alsoLike": []any{ map[string]any{ "ref": "posts/vmware-explore-las-vegas-hackathon-2025", "score": "1.00", }, map[string]any{ "ref": "posts/vmware-hackathon-2024-project", "score": "1.00", }, map[string]any{ "ref": "solutions/vmware/vmware-cloud-foundation/addon/business-operations", "score": "0.60", }, }, "search": "/de/search.json", },}func main() { enc := json.NewEncoder(os.Stdout) enc.SetEscapeHTML(false) enc.SetIndent("", " ") if err := enc.Encode(page); err != nil { os.Exit(1) }}

// Code generated by the soultec.ch build. DO NOT EDIT.const page = { apiVersion: "soultec.ch/v1", kind: "Post", metadata: { name: "getting-started-with-clarity-ui-from-vmware", locale: "de", labels: { author: "dario-doerflinger", series: "scripting", "capability/automation": 1.81, "vendor/vmware": 0.98, }, annotations: { source: "blog-content/posts/de/getting-started-with-clarity-ui-from-vmware.md", route: "/de/insights/getting-started-with-clarity-ui-from-vmware/", schema: "/nerd/schema/posts.json", markdown: "/de/insights/getting-started-with-clarity-ui-from-vmware.md", }, }, spec: { title: "Erste Schritte mit Clarity UI", date: "2017-09-04", author: "dario-doerflinger", locale: "de", summary: "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche.", capabilities: ["automation"], vendors: ["vmware"], series: "scripting", migrated: "2026-08-24", translationReviewed: false, draft: false, sections: [ { body: "Wer diesen Blog liest, weiss: Ich entwickle und scripte gerne. Womit ich mich immer schwergetan habe, ist das Design der Benutzeroberfläche. Das aktuelle Release meiner ESXi Staging Appliance ist ein gutes Beispiel dafür. Mein Design funktioniert, hübsch ist es nicht.\n" + "\n" + "Als VMware Clarity UI als Open Source freigab, war ich sofort dabei. Und jetzt gibt es dank VMworld US 2017 ein Video, mit dem du sehr schnell loslegst und eine kleine App mit Clarity baust. Ich war überrascht, wie einfach sich dieses schöne Design nutzen lässt, und von Angular ebenso. Meine bisherige Appliance ist zu 100 % PHP und zu (fast) 0 % JavaScript, alles Dynamische wird also serverseitig erzeugt.\n" + "\n" + "Mir wurde kürzlich wieder vor Augen geführt, was für eine schlechte Idee es war, die xSA während der Arbeitszeit meines Arbeitgebers zu entwickeln, denn jetzt gehört sie ihm und nicht mir. Ich plane deshalb eine neue Appliance, die Clarity UI nutzt und noch ein paar andere Dinge kann. Ich überlege, mit der REST API aus vSphere 6.5 nach einer pxeBoot-Installation weitere Konfiguration ausserhalb des Hosts zu erledigen.\n" + "\n" + "So weit der Plan, und ich nehme mir Clarity und Angular jetzt vor. Wenn du an der VMworld in Barcelona bist: Ich leite am Montag beim Hackathon ein Team, das eine ESXi Staging Appliance mit Clarity UI angeht. Ich werde dort also einiges lernen.\n" + "\n" + "Wenn dich Clarity interessiert, schau dir ihr Video an:\n" + "\n" + "Das Beste daran: Du baust eine Star-Wars-App. Falls Clarity allein noch nicht überzeugt, ist eine Star-Wars-App statt des üblichen «Hello World» sicher Motivation genug, es auszuprobieren.\n" + "\n" + "Link zur Clarity-Dokumentation: [Link](http://clarity.design)", }, ], }, status: { corpus: 315, alsoLike: [ { ref: "posts/vmware-explore-las-vegas-hackathon-2025", score: "1.00", }, { ref: "posts/vmware-hackathon-2024-project", score: "1.00", }, { ref: "solutions/vmware/vmware-cloud-foundation/addon/business-operations", score: "0.60", }, ], search: "/de/search.json", },};console.log(JSON.stringify(page, null, 2));

Erste Schritte mit Clarity UI

Passt ausserdem

VMware Explore Las Vegas – Hackathon 2025

VMware Hackathon 2024: unser Projekt

Business Operations