skills.rest
aramark-destinations
aramark-destinationsOFFICIAL
Explore all skills by this author →
GitHub

block-audit

Audit block structure, spec alignment, and CSS token usage with a PASS/FAIL/WARNING report.

Updated Aug 23, 2026
Search Tags:#javascript#css#aem#eds#token-usage#spec-alignment#block-audit
One-click install
npx skills add https://github.com/aramark-destinations/aramark-mb --skill block-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: block-audit
Source: https://github.com/aramark-destinations/aramark-mb/tree/main/.agents/skills/eds/block-audit
Command: npx skills add https://github.com/aramark-destinations/aramark-mb --skill block-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits and validates blocks to ensure they follow solution design, coding conventions, and token usage, reducing defects and review cycles.

Core Features & Use Cases

  • Validate block structure and required files (JS/CSS/README) against conventions.
  • Align implementation with ticket-details.md and README to verify use cases and configurable fields.
  • Audit CSS for token usage, flagging hard-coded values and proposing token-based replacements.

Quick Start

Run a full block-audit pass on the target block to verify structure, spec alignment, and token usage.

Frequently Asked Questions about block-audit

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

FAQPage Schema
How do I audit AEM blocks for CSS hard-coded values and token compliance?▼

To check AEM block structure against specifications, cross-reference the block implementation with ticket-details.md and README. This validates that use cases, configurable fields, and content fragments align with the defined solution design.

What is the best way to validate EDS block structure against naming conventions?▼

Validating EDS block structure involves checking the required files, including JS, CSS, and README, against established naming conventions. This ensures the block follows solution design and coding standards to reduce defects.

Does the block audit check alignment with ticket-details.md and README?▼

Yes, the block audit cross-checks the implementation against ticket-details.md and README. This verifies that use cases, configurable fields, and content fragments align with the spec.

Can I get a structured report for CSS token usage and block structure validation?▼

Yes, running a full audit pass on the target block emits a structured PASS/FAIL/WARNING report. This report covers block structure, spec alignment, and CSS token usage validation.

Related Skills

Explore More Software Engineering Skills→
dongitrandongitran
3

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
DaFumDaFum
1

tailwind-v4-css-variables-enforcer

Audit UI code for Tailwind v4 syntax and CSS variable compliance.

Community
Intermediate
HolymirHolymir

ui-design-tokens

Provide standardized UI design tokens for colors, typography, spacing, borders, and shadows.

Community
Basic
The13thNodeThe13thNode
3

css-design-system

Enforce standardized CSS design tokens as custom properties in component styles.

Community
Intermediate