skills.rest
dragoscirjan
dragoscirjanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

lang-css

Enforce CSS standards for custom properties, mobile-first design, and BEM conventions.

Updated Mar 19, 2026
Search Tags:#theming#frontend#responsive design#css#style guide#utility-first#bem
One-click install
npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-css
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lang-css
Source: https://github.com/dragoscirjan/opencode-config/tree/main/skills/lang-css
Command: npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-css

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you write consistent, maintainable CSS without drifting into ad hoc styling, poor responsiveness, or hard-to-theme patterns.

Core Features & Use Cases

  • CSS Standards: Applies shared conventions for custom properties, layout choices, and production-safe styling.
  • Responsive Design: Encourages mobile-first approaches that scale cleanly across screen sizes.
  • Practical Styling Guidance: Supports BEM or utility-first patterns and avoids inline styles in production.
  • Workflow Note: Always pair this Skill with clean-code to keep styling decisions aligned with broader code quality standards.

Quick Start

Ask for CSS guidance for your component or page and specify the layout, responsiveness, and theming constraints you want enforced.

Frequently Asked Questions about lang-css

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write maintainable CSS for responsive layouts without inline styles?▼

To write maintainable CSS for responsive layouts, enforce mobile-first design, use custom properties for theming, and follow BEM or utility-first conventions while avoiding inline styles in production.

What is the best way to establish CSS development standards for component styling?▼

Establishing CSS development standards for component styling requires enforcing custom properties, selecting BEM or utility-first conventions, and applying mobile-first design rules to ensure production-safe, maintainable code.

Does this CSS guidance support utility-first frameworks or only BEM conventions?▼

This CSS guidance supports both BEM and utility-first conventions, allowing you to choose the pattern that best fits your component styling and responsive design requirements while maintaining production safety.

How do I manage theming across components using custom properties in CSS?▼

Manage theming across components by enforcing custom properties as shared conventions, ensuring your styling decisions remain consistent, maintainable, and production-safe across the entire frontend codebase.

When should I use mobile-first design for frontend responsive layouts?▼

Use mobile-first design for frontend responsive layouts when you need styles to scale cleanly across screen sizes, ensuring maintainability and avoiding ad hoc styling patterns in production environments.

Related Skills

Explore More Software Engineering Skills→
choub00choub00

coding-standards

Establish coding standards for TypeScript, JavaScript, React, and Node.js projects.

Community
Advanced
ianyimiianyimi
1

Frontend Responsive

Implement responsive frontend designs using media queries, Flexbox, Grid, and fluid units.

Community
Basic
kennyolofsson23-netizenkennyolofsson23-netizen

ddd

Enforce clean architecture and domain-driven design in software projects.

Community
Intermediate
RepairYourTechRepairYourTech
6

vanilla-css

Apply modern vanilla CSS patterns to style HTML structures.

Community
Advanced