Современные псевдоэлементы CSS для стилизации без дополнительных узлов DOM. Используйте при реализации переходов видов, добавлении декоративных слоев или стилизации собственного пользовательского интерфейса браузера. Запускается при выполнении задач, включающих ::before, ::after, переход между видами, оформление фона или сокращение JavaScript для визуальных эффектов.
Быстро установите AI-навык pseudo-elements в вашу среду разработки через командную строку
Источник: raphaelsalaja/userinterface-wiki.
Modern CSS pseudo-elements provide direct styling hooks into browser-native features—dialogs, popovers, view transitions—reducing the need for JavaScript. Sometimes you don't need to install a library; the browser has you covered.
| ::before / ::after | Decorative layers, icons, hit targets | | ::view-transition-group(name) | Control view transition animations | | ::view-transition-old(name) | Style the outgoing snapshot | | ::view-transition-new(name) | Style the incoming snapshot | | ::backdrop | Style dialog/popover backdrops | | ::placeholder | Style input placeholders |
Create anonymous inline elements as first/last child. Require content to render.
Современные псевдоэлементы CSS для стилизации без дополнительных узлов DOM. Используйте при реализации переходов видов, добавлении декоративных слоев или стилизации собственного пользовательского интерфейса браузера. Запускается при выполнении задач, включающих ::before, ::after, переход между видами, оформление фона или сокращение JavaScript для визуальных эффектов. Источник: raphaelsalaja/userinterface-wiki.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill pseudo-elementsСовременные псевдоэлементы CSS для стилизации без дополнительных узлов DOM. Используйте при реализации переходов видов, добавлении декоративных слоев или стилизации собственного пользовательского интерфейса браузера. Запускается при выполнении задач, включающих ::before, ::after, переход между видами, оформление фона или сокращение JavaScript для визуальных эффектов. Источник: raphaelsalaja/userinterface-wiki.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill pseudo-elements После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/raphaelsalaja/userinterface-wiki