Review modal dialogs for keyboard and screen reader accessibility. The skill checks dialog roles, title labels, focus movement within the modal, Escape dismissal, and focus returning to the opening control, then identifies issues and ways to verify fixes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing keyboard operation in modal dialogs
- Checking focus movement when opening and closing modals
- Reviewing dialog titles and screen reader labels
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review links embedded in body text to check whether readers can recognize them without relying on color alone. Identify CSS issues with underlines, color contrast, and hover or keyboard focus states, then suggest specific fixes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Review body text links after removing underlines
- Check contrast between links and surrounding text
- Inspect hover and keyboard focus cues
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review HTML and JSX links that open new tabs, identify missing rel attributes, and add protective values. The skill also explains how these values prevent changes to the original tab and control referral information.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing links that open in new tabs
- Fixing missing rel attributes in JSX
- Understanding noopener and noreferrer
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review website navigation markup so screen reader users can identify and jump between navigation areas. Check nav elements, descriptive labels, and skip links, then pinpoint issues in the HTML delivered to the browser.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing accessibility of main and footer navigation
- Adding distinct labels to multiple navigation areas
- Checking navigation markup from shared components
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Compare button and link text with accessible names, the names assistive technology uses for controls. Identify mismatches and suggest ARIA label changes so people using voice control can refer to the words they see.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Comparing visible button text with accessible names
- Reviewing links that are hard to activate by voice
- Checking label fixes with accessibility tools
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Inspect compressed JavaScript bundles, the files that package application code, to find excessive size and loading costs. Recommend splitting code, removing unused portions, and reviewing dependencies based on measured effects on page responsiveness.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Finding JavaScript files over 200KB after compression
- Investigating delays before a page becomes interactive
- Reducing bundle size through code splitting
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Evaluate whether tests catch defects in business logic, calculations, or state machines. Using Stryker, the skill introduces small code changes, reviews which changes escape detection, and helps strengthen tests where important behavior is insufficiently checked.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking test quality beyond code coverage
- Introducing Stryker for a single module
- Strengthening tests for critical calculations
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit JavaScript page redirects, confirm their impact on loading time with performance measurements, and identify where server-side 301 or 302 redirects can replace them. Get specific findings and an explanation of loading and search indexing concerns.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigating slow loads caused by page redirects
- Reviewing redirects that use window.location
- Planning server-side 301 or 302 redirects
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review how tests use mocks, substitutes for external services or resources. Identify excessive mocking and missing cleanup, suggest more realistic tests, and check whether automated checks consistently catch problems and prevent regressions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing tests with too many mocks
- Checking mock cleanup between tests
- Improving realistic API mocks
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review whether interactive web elements work with keyboard navigation. Check Tab order, hidden elements, and focus traps where users cannot move away, then identify specific fixes and ways to verify behavior with browser accessibility tools or assistive technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Check whether all controls are reachable with Tab
- Align keyboard focus order with the visual reading order
- Remove hidden content from the Tab sequence
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit slow page loads by measuring LCP, the time until the largest visible content appears. Identify bottlenecks in images, server responses, and rendering, then recommend changes supported by measurements.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Find why a page's main content appears slowly
- Review hero image loading
- Prioritize fixes using Lighthouse measurements
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit structured data for businesses serving a physical location or geographic area. Check or add LocalBusiness JSON-LD, a machine-readable format for business details, verify addresses against visible page content, and validate the markup with Google's Rich Results Test.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Audit structured data on a local business website
- Add business details to home and contact pages
- Choose a specific type for restaurants or stores
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit CSS class names for inconsistency and ambiguity, then organize them using BEM, a convention that names components, their elements, and variations. Check the rendered interface across screen sizes and interaction states when reviewing changes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Auditing inconsistent CSS class names
- Renaming component classes using BEM
- Separating utility classes and JavaScript hooks
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Create and audit meta descriptions, the short page summaries used in search results. Find missing, duplicate, or unsuitable descriptions and write distinct summaries that accurately explain each page’s content and value.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Writing descriptions for new pages
- Finding missing or duplicate descriptions
- Reviewing description length and HTML markup
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit a business website for inconsistent names, addresses, and phone numbers. Compare visible page content with structured data, then standardize spelling and formatting to support accurate business information in local search.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Check business details across a local website
- Standardize address and phone number formats
- Compare structured data with visible contact details
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit JavaScript delivered to modern browsers for unnecessary older code and compatibility patches. Confirm performance costs with measurements, then review build targets and browser-specific delivery to reduce avoidable download size and processing work.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigating slow page loads
- Checking unnecessary JavaScript compatibility code
- Reviewing build targets for modern browsers
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit and improve `/llms.txt`, a curated starting point for AI tools browsing documentation. Check its location, the usefulness and accessibility of linked pages, and its separation from existing crawl and indexing controls.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Audit llms.txt on a public documentation site
- Select useful API references and getting-started guides
- Check documentation links for availability
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review JavaScript loops and replace suitable ones with standard array and object methods. Make transformations, filtering, and aggregation easier to understand, with practical explanations and browser checks to confirm that changes preserve the intended behavior.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Refactoring manual loops into array methods
- Clarifying data transformation, filtering, and aggregation
- Reviewing object transformations and deep copying
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit page loading and defer offscreen images, videos, iframes, and heavy components until needed. Use measurements and page context to identify suitable changes while keeping images needed for the initial view loaded with priority.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigate slow initial page loads
- Defer images below the initial viewport
- Delay offscreen videos, iframes, and heavy components
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Find and fix JavaScript memory leaks that accumulate as people use a web app. Review event listeners, timers, retained page elements, and outdated asynchronous tasks, then explain how to verify cleanup in the browser.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigating rising memory use during long sessions
- Reviewing cleanup when components are removed
- Canceling outdated requests after view changes
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Find resources loaded over unencrypted HTTP within HTTPS pages, a problem called mixed content. Review resource URLs and security headers, then guide HTTPS replacements and automatic request upgrades to address blocked or insecure resources.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Auditing HTTP resources on HTTPS pages
- Checking resource URLs after an HTTPS migration
- Fixing old content with embedded HTTP URLs
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Audit web pages for excessive keyword repetition in body text, titles, metadata, and image descriptions. Report frequent terms and their density, identify hidden keyword text, and help rewrite repetitive passages into natural language focused on readers.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking articles for excessive keyword repetition
- Editing repetitive AI-generated content
- Reviewing titles, meta descriptions, and image alt text
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Check that HTML declares the correct page language and marks sections written in other languages. Find missing, empty, or invalid language tags and suggest corrections that support screen reader pronunciation, browser translation, and spell checking.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking the language declared for a page
- Marking language changes in multilingual content
- Reviewing language settings for screen reader pronunciation
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review JavaScript JSON parsing for malformed input and unexpected data structures. Add error handling and validate parsed data before use, helping prevent failures when reading API responses, browser storage, or user-provided content.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing JSON parsing in API response handling
- Handling malformed data from localStorage
- Validating data structures before accessing properties
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트