Verwenden Sie das Optics-Design-Framework für Styling-Anwendungen. Wenden Sie Optics-Klassen für Layout, Abstände, Typografie, Farben und Komponenten an. Verwenden Sie es, wenn Sie an CSS arbeiten, Ansichten gestalten oder Richtlinien für Designsysteme implementieren.
Installieren Sie den KI-Skill optics-context schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: rolemodel/rolemodel-skills.
Discovering Optics Classes When you need classes follow these steps:
Modifying Optics Classes When modifying Optics classes, follow these guidelines:
Fixing Optics Violations As CSS is created or modified, it's important to be looking for Optics violations. These would include:
Verwenden Sie das Optics-Design-Framework für Styling-Anwendungen. Wenden Sie Optics-Klassen für Layout, Abstände, Typografie, Farben und Komponenten an. Verwenden Sie es, wenn Sie an CSS arbeiten, Ansichten gestalten oder Richtlinien für Designsysteme implementieren. Quelle: rolemodel/rolemodel-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-contextVerwenden Sie das Optics-Design-Framework für Styling-Anwendungen. Wenden Sie Optics-Klassen für Layout, Abstände, Typografie, Farben und Komponenten an. Verwenden Sie es, wenn Sie an CSS arbeiten, Ansichten gestalten oder Richtlinien für Designsysteme implementieren. Quelle: rolemodel/rolemodel-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-context Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/rolemodel/rolemodel-skills