Pseudo Elements
This pulls from the userinterface-wiki skill, specifically the CSS pseudo-elements section covering ::before, ::after, ::marker, and View Transitions API patterns. You'd use it when reviewing or generating code that uses pseudo-elements for decorative effects, hit target expansion, or native browser transitions. The guidelines are opinionated but practical, like preferring pseudo-elements over extra DOM nodes and making sure you set position: relative on parents. It's part of a larger 152-rule UI/UX system, so you're getting a slice focused on CSS implementation details rather than broader animation principles. Helpful if you want consistent pseudo-element patterns without digging through MDN every time.
- skills.sh installs
- 139
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill pseudo-elements --agent claude-codeInstalls into .claude/skills of the current project.
Files
This pulls from the userinterface-wiki skill, specifically the CSS pseudo-elements section covering ::before, ::after, ::marker, and View Transitions API patterns. You'd use it when reviewing or generating code that uses pseudo-elements for decorative effects, hit target expansion, or native browser transitions. The guidelines are opinionated but practical, like preferring pseudo-elements over extra DOM nodes and making sure you set position: relative on parents. It's part of a larger 152-rule UI/UX system, so you're getting a slice focused on CSS implementation details rather than broader animation principles. Helpful if you want consistent pseudo-element patterns without digging through MDN every time.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/raphaelsalaja/userinterface-wiki
- Categories
- Frontend Development, Backend & APIs, Documentation
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More Frontend Development
reactflow-fundamentalsthebushidocollective/hanUse when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow. Covers setup, nodes, edges, controls, and interactivit138skills.sh installs
axiom-realitykit-refcharleswiltgen/axiomRealityKit API reference — Entity, Component, System, RealityView, Model3D, anchor types, material system, physics, collision, animation, audio, accessibility136skills.sh installs
design-to-codedavila7/claude-code-templatesPixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features ro135skills.sh installs
kami-decknexu-io/open-designProduce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, in133skills.sh installskami-landingnexu-io/open-designProduce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output read132skills.sh installs
tanstack-query-best-practicespedronauck/skillsTanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applica117skills.sh installs