Css Fundamentals

What it does

This skill provides foundational knowledge of CSS (Cascading Style Sheets). It enables AI agents to understand and apply basic styling principles, including selectors, properties, and values. The agent can use this to generate simple CSS code snippets or explain existing styles.

When to use it

• Generating Basic Styles: When you need a quick snippet of CSS for a simple element like changing text color or font size.
• Explaining Existing CSS: To understand what a particular CSS rule is doing and how it affects an HTML element.
• Troubleshooting Styling Issues: When trying to identify why an element isn't displaying as intended.
• Learning CSS Fundamentals: For users who are new to web development and want a basic understanding of styling.

Key capabilities

• CSS Selectors (e.g., class, ID, element)
• Basic CSS Properties (e.g., color, font-size, margin)
• Understanding of the Cascade in CSS
• Applying values to CSS properties

Example prompts

• "Generate CSS to make a paragraph text blue."
• "Explain what this CSS rule does: p { font-size: 16px; }"
• "How do I center an element using CSS?"

Tips & gotchas

The skill focuses on fundamentals. It won't handle complex layouts or advanced CSS techniques like animations. Expect basic, functional styling rather than highly optimized or creative designs.