skills.rest
cacack
cacackCOMMUNITY
Explore all skills by this author →
GitHub

audit-frontend

Audit SvelteKit component structure, accessibility patterns, and D3 visualizations.

4|1|Updated Dec 7, 2025
Search Tags:#architecture#accessibility#frontend#audit#svelte#ux#d3
One-click install
npx skills add https://github.com/cacack/my-family --skill audit-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit-frontend
Source: https://github.com/cacack/my-family/tree/main/.claude/skills/audit-frontend
Command: npx skills add https://github.com/cacack/my-family --skill audit-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies frontend quality gaps by auditing architecture, accessibility, and data-visualization implementation in SvelteKit apps, enabling teams to ship accessible, maintainable UI.

Core Features & Use Cases

  • Component quality assessment: evaluates modularity, prop drilling, and state management across routes.
  • Accessibility conformance: checks keyboard navigation, aria attributes, color contrast, and screen reader support.
  • D3 visualization review: assesses chart accessibility, keyboard support, and responsive behavior.
  • Use Case: when preparing a UI for release, or auditing an existing app to align with design systems and engineering standards.

Quick Start

Review the frontend source, identify architecture and accessibility issues, and document actionable recommendations.

Frequently Asked Questions about audit-frontend

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

FAQPage Schema
How do I audit a SvelteKit app for accessibility and frontend quality?▼

To audit a SvelteKit app for accessibility and frontend quality, the skill reviews local components and routes to evaluate modularity, keyboard navigation, aria attributes, and color contrast, reporting findings in a structured format.

What is the best way to check D3 visualizations for accessibility issues?▼

Checking D3 visualizations for accessibility issues involves assessing chart keyboard support, screen reader compatibility, and responsive behavior across the application's web routes to identify implementation gaps.

Can I use this frontend audit to assess component structure and prop drilling?▼

Yes, you can use this frontend audit to assess component structure by evaluating modularity, state management, and prop drilling across web routes to identify architectural quality gaps.

How do I prepare a SvelteKit UI for release and align it with engineering standards?▼

To prepare a SvelteKit UI for release, you run a frontend audit to identify accessibility conformance gaps and data visualization issues, generating actionable recommendations that align the app with engineering standards.

Does the accessibility audit require any specific frontend dependencies to run?▼

No specific frontend dependencies are required to run the accessibility audit, as the skill reads local frontend configuration and component patterns directly to evaluate quality and conformance.

What limitations exist when auditing UX patterns in a SvelteKit app?▼

Limitations when auditing UX patterns in a SvelteKit app include the scope being restricted to local frontend configuration, component structures, and data visualization implementations, focusing on architecture and accessibility rather than runtime performance.

Related Skills

Explore More Software Engineering Skills→
radenadriradenadri

codebase-conformity

Inspect existing patterns before writing new code in a codebase.

Community
Advanced
grvpanchalgrvpanchal
1

ui-accessibility

Analyze semantic HTML, ARIA attributes, and keyboard navigation for accessibility issues.

Community
Advanced
anis-marrouchianis-marrouchi

motion-animation

Integrate Framer Motion with Remotion for frame-synced animations.

Community
Intermediate
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced