What is the expected output format for findings?

Findings are delivered in a structured P1|P2|P3 priority format, including file locations, user impact descriptions, and minimal repo-consistent fixes.

What components does this skill review?

It specifically targets cinematic UI elements such as StreamingNarrative, AtmosphericInterlude, SpreadTable, and colorScript animations.

How does it handle accessibility?

The skill audits for reduced-motion support, proper ARIA status semantics, and screen reader compatibility in complex animated sections.

Can it identify performance bottlenecks?

Yes, it reviews JavaScript animation overhead, eager image loading issues, and browser compatibility to ensure smooth rendering.

Animated UI & A11y Review

Name: Animated UI & A11y Review
Author: henryperkins

byhenryperkins

0•

Design Tools

Audits animated user interfaces for performance bottlenecks, accessibility compliance, and browser compatibility.

This skill provides specialized guidance for reviewing complex UI animations within the Tarot repository, focusing on high-impact components like narrative streams and spread renderings. It ensures that cinematic UI elements adhere to performance best practices—such as minimizing JavaScript overhead and optimizing image loading—while maintaining strict accessibility standards, particularly for users with motion sensitivities and those relying on ARIA status semantics.

Key Features

010 GitHub stars

02ARIA status semantics and screen reader compatibility checks

03Optimization of loading strategies for cinematic UI assets

04Reduced-motion support verification for motion-sensitive users

05Automated verification using project-specific validation scripts

06Performance auditing for JavaScript-driven animations and CSS transitions

Use Cases

01Troubleshooting performance lag in complex UI spread renderings

02Reviewing PRs that modify narrative text reveal or color-script animations

03Ensuring accessibility compliance for users with prefers-reduced-motion settings

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add henryperkins/tarot animated-ui-a11y-perf-review

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02ARIA status semantics and screen reader compatibility checks

03Optimization of loading strategies for cinematic UI assets

04Reduced-motion support verification for motion-sensitive users

05Automated verification using project-specific validation scripts

06Performance auditing for JavaScript-driven animations and CSS transitions

Use Cases

01Troubleshooting performance lag in complex UI spread renderings

02Reviewing PRs that modify narrative text reveal or color-script animations

03Ensuring accessibility compliance for users with prefers-reduced-motion settings

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add henryperkins/tarot animated-ui-a11y-perf-review

For use in Claude.ai and ChatGPT