cuioss/css
marketplace/bundles/pm-dev-frontend/skills/css/SKILL.md
Modern CSS standards covering native nesting, cascade layers, Container Queries, custom properties, responsive design, accessibility, and PostCSS/Stylelint tooling
$ install --global
skillsauthnpx skillsauth add cuioss/plan-marshall cssInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 4, 2026, 11:02 AM9.3s4 files scanned
SKILL.md
- name:
- css
- description:
- Modern CSS standards covering native nesting, cascade layers, Container Queries, custom properties, responsive design, accessibility, and PostCSS/Stylelint tooling
- user-invocable:
- false
CSS Development Standards
Enforcement
- Execution mode: Reference — load specific standards on-demand based on current task
- Prohibited actions: Do not generate legacy CSS patterns (vendor prefixes handled by Autoprefixer, no IE/legacy fallbacks)
- Constraints: Prefer native CSS features (nesting, layers, custom properties) over preprocessor equivalents
Modern CSS development standards covering fundamentals, responsive design, performance, and accessibility.
Prerequisites
- Modern browser support (CSS Grid, Custom Properties, Container Queries)
- CSS preprocessor or PostCSS toolchain (optional)
- Stylelint for linting (see
pm-dev-frontend:lint-configfor setup)
Workflow
Step 1: Load CSS Essentials
Load this standard for any CSS implementation work.
Read: standards/css-essentials.md
Covers core principles, BEM naming, custom properties, selectors, and file structure.
Step 2: Load Additional Standards (As Needed)
Responsive Design (load for layout work):
Read: standards/css-responsive.md
Use when: Building responsive layouts, working with Grid/Flexbox, Container Queries, or fluid typography.
Quality and Tooling (load for performance or accessibility work):
Read: standards/css-quality-tooling.md
Use when: Optimizing CSS performance, implementing dark mode, improving accessibility, or configuring PostCSS/Stylelint.
Related Skills
pm-dev-frontend:lint-config— Stylelint, Prettier configurationpm-dev-frontend:javascript— JavaScript standards
Related Skills
cuioss/test-skill
testing
VerifiedTrustedCommunity
A test skill for README generation
5SKILL.mdUpdated May 29, 2026
cuioss/test-skill
testing
VerifiedTrustedCommunity
A test skill with existing references
5SKILL.mdUpdated May 29, 2026
cuioss/skill-no-refs
tools
VerifiedTrustedCommunity
Skill without references directory
5SKILL.mdUpdated May 29, 2026
cuioss/table-references-test
development
VerifiedTrustedCommunity
Test skill with table-format references
5SKILL.mdUpdated May 29, 2026