skills.rest
TykoDev
TykoDevCOMMUNITY
Explore all skills by this author →
GitHub

frontier

Analyzes web apps for Core Web Vitals, WCAG 2.2 AA, CSP, Trusted Types, producing a FRONTEND AUDIT REPORT.

9|Updated Apr 12, 2026
Search Tags:#performance#accessibility#security#frontend#audit#ui-ux
One-click install
npx skills add https://github.com/TykoDev/SupremeTeam --skill frontier-tykodev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontier
Source: https://github.com/TykoDev/SupremeTeam/tree/main/skills/review/frontier
Command: npx skills add https://github.com/TykoDev/SupremeTeam --skill frontier-tykodev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill identifies frontend issues that directly impact real users — slow loading and interaction times, accessibility barriers, client-side security weaknesses, fragile component architecture, and poor UI/UX — and converts them into prioritized, actionable remediation with evidence.

Core Features & Use Cases

  • Performance audits: Core Web Vitals analysis, bundle inspection, and performance budget checks to reduce LCP, INP, and CLS regressions.
  • Accessibility reviews: WCAG 2.2 Level AA code-level verification, keyboard/screen-reader testing guidance, and contrast/focus audits.
  • Frontend security checks: CSP evaluation, Trusted Types guidance, DOM-based XSS tracing, SRI validation, and cookie/header recommendations.
  • Architecture & UX: Component decomposition, state-management patterns, render-efficiency diagnostics, error boundary coverage, and responsive interaction quality.
  • Use Case: Run a full-app audit prior to release to produce an evidence-backed report that developers and stakeholders can act on and gate in CI.

Quick Start

Run frontier on the repository to produce a full FRONTEND AUDIT REPORT covering performance, accessibility, frontend security, component architecture, and UI/UX with prioritized findings and remediation.

Frequently Asked Questions about frontier

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

FAQPage Schema
How do I perform a comprehensive frontend audit for web application performance and accessibility?▼

A frontend audit analyzes Core Web Vitals, WCAG 2.2 AA compliance, and CSP security to produce a structured report. It evaluates single-page applications and component libraries, converting findings into prioritized remediation steps with tool recommendations.

How do I check Core Web Vitals and bundle composition for a single-page application?▼

Performance audits inspect bundle composition and verify performance budgets to reduce LCP, INP, and CLS regressions. The analysis identifies loading and interaction delays, generating evidence-backed findings for optimizing single-page application rendering efficiency.

What's the best way to verify WCAG 2.2 AA compliance during a frontend code review?▼

Accessibility reviews perform code-level verification against WCAG 2.2 Level AA standards, including contrast and focus audits. The audit provides keyboard and screen-reader testing guidance to identify and prioritize barriers in component libraries and full-site reviews.

Can I evaluate Content Security Policy and Trusted Types for a frontend security review?▼

Frontend security checks evaluate CSP implementation, provide Trusted Types guidance, and trace DOM-based XSS vulnerabilities. The audit also validates Subresource Integrity and recommends secure cookie and header configurations to harden client-side defenses.

Does frontend audit work for component architecture and UI/UX analysis on pull request diffs?▼

Yes, the audit analyzes component decomposition, state-management patterns, and render-efficiency diagnostics for pull request diffs. It assesses error boundary coverage and responsive interaction quality, producing domain scores and a machine-readable pipeline summary for CI gating.

Related Skills

Explore More Software Engineering Skills→
in-the-loop-labsin-the-loop-labs
48

pr

Open the current branch's GitHub pull request in the pair-review web UI.

Official
Basic
krzemienskikrzemienski
2

team-validation-dashboard

Aggregate team validation metrics and identify projects with low posture scores.

Community
Intermediate
Exia-thdExia-thd

accessibility-engineer

Audit and remediate web and mobile accessibility issues for WCAG 2.2 compliance.

Community
Advanced
xiaoniuge36xiaoniuge36
6

code-review

Analyze code for standards compliance, bugs, performance issues, and security vulnerabilities.

Community
Advanced