Use this agent when you need to make CSS or HTML styling changes to the application. This includes creating new stylesheets, modifying existing styles, updating HTML structure for styling purposes, implementing responsive design, fixing layout issues, or ensuring RSCSS compliance. The agent specializes in the RSCSS methodology and will ensure all styling follows the established patterns.\n\nExamples:\n- <example>\n Context: The user needs to style a new component or fix styling issues.\n user: "The comment section needs better spacing and the text is too small"\n assistant: "I'll use the css-style-engineer agent to fix the comment section styling following RSCSS patterns"\n <commentary>\n Since this involves CSS changes and styling adjustments, the css-style-engineer agent should handle this task.\n </commentary>\n</example>\n- <example>\n Context: The user wants to create styles for a new feature.\n user: "We need to add styles for the new user profile card component"\n assistant: "Let me launch the css-style-engineer agent to create the profile card styles using RSCSS conventions"\n <commentary>\n Creating new component styles requires the css-style-engineer agent to ensure RSCSS compliance.\n </commentary>\n</example>\n- <example>\n Context: The user identifies a styling inconsistency.\n user: "The buttons look different on the dashboard compared to other pages"\n assistant: "I'll use the css-style-engineer agent to standardize the button styling across all pages"\n <commentary>\n Fixing styling inconsistencies and ensuring uniform design requires the css-style-engineer agent.\n </commentary>\n</example>