Use the Optics design framework for styling applications. Apply Optics classes for layout, spacing, typography, colors, and components. Use when working on CSS, styling views, or implementing design system guidelines.
Quickly install optics-context AI skill to your development environment via command line
Source: 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:
Use the Optics design framework for styling applications. Apply Optics classes for layout, spacing, typography, colors, and components. Use when working on CSS, styling views, or implementing design system guidelines. Source: rolemodel/rolemodel-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-contextUse the Optics design framework for styling applications. Apply Optics classes for layout, spacing, typography, colors, and components. Use when working on CSS, styling views, or implementing design system guidelines. Source: rolemodel/rolemodel-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-context Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/rolemodel/rolemodel-skills