Provide CSS component classes and layout utilities for MC-ORG web templates.
npx skills add https://github.com/evengul/mc-org --skill docs-css
Please help me install this Agent Skill. Skill: docs-css Source: https://github.com/evengul/mc-org/tree/main/.claude/skills/docs-css Command: npx skills add https://github.com/evengul/mc-org --skill docs-css
This Skill provides a standardized way to style web elements within the MC-ORG application, ensuring visual consistency and reducing the need for custom CSS.
form-control classes and layout utilities to ensure it matches the application's design language.Apply the 'btn btn--action' classes to a button element to style it as a primary action.
High-intent search queries and answers about installing and using this skill.
CSS component classes are predefined styling rules for UI elements like buttons and forms. They standardize web styling by enforcing design tokens for colors and spacing, reducing custom CSS across HTML templates.
To style a button using predefined CSS utility classes, apply the 'btn btn--action' classes to your HTML button element. This instantly applies the standardized primary action styling from the design system.
Yes, you can build responsive layouts without custom CSS using the provided layout utilities. The Skill includes helper classes for grid, flexbox, stacking, and spacing to structure responsive interfaces.
Yes, this CSS styling approach works for existing HTML templates by applying predefined component and utility classes directly to HTML elements. This ensures visual consistency without requiring structural template changes.
You access color and spacing variables through predefined design tokens included in the Skill. These tokens provide core variables for colors, spacing, shadows, and typography to maintain design language consistency.
You should avoid using predefined component classes when your frontend design requires highly customized visual elements that deviate significantly from the established design tokens, spacing rules, and standard UI component structures.
RoleModelApply Optics design framework classes and tokens to standardize CSS styling.
pedroapp100Generate production-ready HTML, CSS, and React components for custom frontend designs.
officebeatsBuild accessible Tailwind CSS interfaces using shadcn/ui components.
fgarofalo56Guide Tailwind CSS styling for responsive UI components with utility classes.