frontend-standards

Enforce WCAG 2.1 AA accessibility and performance standards for Blazor components.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/spallempati/AI-Studio --skill frontend-standards
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-standards
Source: https://github.com/spallempati/AI-Studio/tree/main/skills/frontend/frontend-standards
Command: npx skills add https://github.com/spallempati/AI-Studio --skill frontend-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that frontend development adheres to enterprise-wide standards for accessibility, performance, and code quality, preventing common pitfalls and improving user experience.

Core Features & Use Cases

  • Accessibility Compliance: Enforces WCAG 2.1 AA standards for inclusive design.
  • Performance Optimization: Guides on lazy loading, code splitting, and image optimization.
  • Code Quality: Promotes best practices for Blazor components, linting, and CSS isolation.
  • Use Case: When developing a new Blazor component, use this Skill to ensure it meets all accessibility requirements and is optimized for fast loading times.

Quick Start

Apply the frontend-standards skill to ensure the new Blazor component is accessible and performant.

Frequently Asked Questions about frontend-standards

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

FAQPage Schema
How do I enforce WCAG 2.1 AA accessibility standards in Blazor components?

Enforce WCAG 2.1 AA accessibility standards in Blazor components by applying automated compliance checks and specific file patterns. This ensures inclusive design and prevents common frontend accessibility pitfalls during development.

What is the best way to optimize Blazor web performance and reduce bundle size?

Optimize Blazor web performance and reduce bundle size by implementing lazy loading, code splitting, and image optimization. These techniques improve web vitals and ensure fast loading times for enterprise applications.

How do I set up linting and CSS isolation for Blazor JavaScript and CSS code quality?

Set up linting and CSS isolation for Blazor JavaScript and CSS code quality by adhering to enterprise frontend development standards. This enforces best practices and prevents common code quality issues across your web UI components.

Can I use frontend standards checks for both web accessibility and performance simultaneously?

Yes, you can use frontend standards checks for both web accessibility and performance simultaneously. The Skill addresses WCAG compliance and performance optimization together, requiring adherence to specific file patterns for both checks.

Why does my Blazor component fail enterprise frontend compliance checks?

Your Blazor component fails enterprise frontend compliance checks when it does not meet WCAG 2.1 AA standards, lacks performance optimization like lazy loading, or violates CSS isolation and linting best practices.

When do I need to run web accessibility and performance compliance checks during frontend development?

Run web accessibility and performance compliance checks during frontend development when creating new Blazor components. This ensures the UI meets enterprise standards and is optimized for fast loading before deployment.