zudo-css Pragmatic CSS knowledge for AI Overview / GitHub / @Takazudo OverviewWhat is zudo-css?css-wisdom SkillMethodologyArchitectureBEM StrategyComponent First StrategyCSS Modules StrategyCascade LayersDesign SystemsTight Token StrategyColor Token PatternsTypography Token PatternsToken PreviewComponent Tokens & Arbitrary ValuesTwo-Tier Size StrategyAdvanced Custom PropertiesCustom Properties Pattern CatalogTheming RecipesMulti Namespace Token StrategyLayoutFlexbox & GridFlexbox PatternsCSS Grid PatternsSubgridgap vs marginPositioningCentering TechniquesPositioning GuideStacking ContextAnchor PositioningSizingfit-content, max-content, min-contentaspect-ratioclamp() for Fluid SizingLogical PropertiesSpecializedObject Fit and Object PositionMulti-Column LayoutNegative Margin Expand + Padding BackTable Cell Width ControlTypographyFont SizingFluid Font Sizing with clamp()Three-Tier Font-Size StrategyScreen-Width Based Font Size DefinitionLine Height Best PracticesText ControlText Overflow and Line ClampingVertical RhythmText Wrap: balance and prettyProse Heading SpacingFontsFont Loading StrategiesVariable FontsJapanese Font Family SpecificationNoto Sans Webfont GuideStylingColorOKLCH Color Spacecolor-mix()currentColor PatternsDark Mode StrategiesColor Contrast and AccessibilityColor Palette StrategyThree-Tier Color StrategyShadows & BordersLayered Natural ShadowsBorder TechniquesSmooth Shadow TransitionsEffectsBackdrop Filter and GlassmorphismClip-Path and MaskBlend ModesFilter EffectsCSS 3D Transforms@propertyGradient TechniquesCSS-Only Pattern LibraryResponsiveContainer QueriesFluid Design with clamp()Responsive ImagesMedia Query Best PracticesResponsive Grid PatternsInteractiveStates & TransitionsHover, Focus, and Active StatesTransition Best PracticesView TransitionsSelectorsThe :has() Selector:is() and :where() SelectorsParent-State Child StylingScrollScroll SnapScroll-Driven AnimationsOverscroll BehaviorForms & AccessibilityForm Control StylingTouch Target Sizingprefers-reduced-motionClaudeCLAUDE.mdCLAUDE.mdSkillsb4pushl-demo-componentl-handle-deep-articlel-translatel-writingAgentsja-translator