Using short names makes your CSS/React components/etc. look Cryptic.
CCSS does look useless by default on its own. Its usefulness comes in cases you need to implement design systems, shared design tokens, need custom properties/values, want to use shorthands, want to build a custom CSS-in-JS tool, and other advanced scenarios.
The simplified answer: a property- and a value-map where you can apply your own handler functions on each value, generating a final output.
We think that you need a relatively short time to get comfortable with it, but anyway, it's optional. If you know CSS, you know the shorthands as well. Many tools out in the wild already provide shorthands for some popular CSS properties (margin, padding, etc.). We want to have this option for all.
- Plugins: Manipulates values of existing props.
- Props: Adds support for new custom props.
- Extensions: Adds new features by using both custom props and plugins.