common-components-skill

You can build consistent Electron desktop UI components by using a token-based CSS theme system with pre-built elements like TerminalView and ContextMenu. This enforces consistent interaction patterns and reduces duplicated code.

The best way to prevent theme flashing in standalone Electron windows is to implement an anti-flash initialization mechanism using a token-based CSS theme system. This ensures the correct theme renders immediately on window load.

You separate structural CSS from theme styles by adopting a token-based design system. This architecture strictly divides layout rules from visual properties, enabling automatic light and dark mode adaptation without code duplication.

You add a right-click context menu to a file list by utilizing standardized pre-built ContextMenu components. This enforces consistent interaction patterns across all panels without rewriting core event logic.

Yes, you can use a token-based theme system for both light and dark modes in a remote workspace client. The system automatically adapts visual properties across all panels while maintaining visual consistency.