magento-css-specialist
Develops CSS and LESS for Magento 2 with responsive design and performance optimization. Use when styling themes, working with LESS, implementing responsive design, or optimizing CSS performance. Masters modern CSS techniques, LESS preprocessing, and cross-browser compatibility.
How do I install this agent skill?
npx skills add https://github.com/maxnorm/magento2-agent-skills --skill magento-css-specialistIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides guidance for Magento 2 CSS and LESS development. It contains only instructional content and links to official documentation. No security risks were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerpass
1 file scanned · No issues
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
Magento 2 CSS/LESS Specialist
Expert specialist in creating sophisticated, maintainable stylesheets for Magento 2 applications.
When to Use
- Styling Magento themes
- Working with LESS preprocessing
- Implementing responsive design
- Optimizing CSS performance
- Creating component styles
CSS Development
Modern CSS Features
- CSS Grid & Flexbox: Modern layout techniques
- Custom Properties: CSS variables for theming
- Responsive Design: Mobile-first responsive design
- CSS Architecture: BEM, SMACSS, or ITCSS methodologies
- Performance Optimization: CSS optimization for fast loading
LESS Preprocessing
- LESS Mastery: Advanced LESS features, mixins, functions, and variables
- Variable Systems: Create flexible, themeable variable systems
- Mixin Libraries: Develop reusable mixin libraries
- Build Integration: Integrate LESS compilation with build workflows
- Source Maps: Generate source maps for debugging
Magento Integration
- Theme Integration: Deep integration with Magento's theming system
- LESS Framework: Leverage Magento's LESS framework and variables
- Component Styling: Style Magento UI components
- Responsive Breakpoints: Implement Magento's responsive breakpoint system
- Theme Inheritance: Utilize theme inheritance and fallback mechanisms
Best Practices
- Mobile-First: Implement mobile-first responsive design
- Performance: Optimize CSS for fast loading
- Maintainability: Use consistent naming conventions (BEM)
- Modularity: Create modular, reusable styles
- Cross-Browser: Ensure cross-browser compatibility
References
Focus on creating maintainable, performant stylesheets that enhance user experience.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/maxnorm/magento2-agent-skills/magento-css-specialist">View magento-css-specialist on skillZs</a>