brand-guidelines

Brand consistency across Angular components and documentation is maintained by applying unified brand guidelines to UI styling, code naming conventions, and documentation templates. This Skill guides component creation, CSS variable usage for brand palettes, typography standards, and JSDoc conventions to align all project artifacts with your brand system.

Yes. This Skill performs brand compliance checks and updates on existing Angular components, HTML/CSS, TypeScript code, and documentation. It validates adherence to your brand palette, spacing, naming conventions, and copy tone, then applies corrections to bring assets into alignment.

Maintaining consistent copy tone means applying unified voice and terminology rules to all user-facing text—labels, messages, and help text—across your application. This Skill ensures messaging aligns with your brand vocabulary and tone guidelines, reducing confusion and reinforcing brand voice.

During code review, use this Skill to perform template-based brand validation on new Angular components. It checks CSS variable usage for brand colors, spacing adherence, naming convention compliance, JSDoc documentation completeness, and copy tone consistency against your reference files.

Automated brand guidelines enforcement applies comprehensive, repeatable validation across UI, copy, code, and docs at scale, reducing human error and rework. Manual checking is slower, inconsistent, and prone to drift. This Skill uses template-driven validation tied to your reference files for consistent results.

Yes. This Skill requires reference files containing your brand palette definitions, typography rules, spacing standards, naming conventions, and copy tone guidelines. These reference files drive all validation and application of brand rules to your project artifacts.