Review HTTP response headers and restrict browser features an application does not need, such as camera, microphone, and location access. Guide Permissions-Policy settings that limit what attackers could use if the site is compromised.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Review security headers before a release
- Disable unused camera and microphone features
- Check feature restrictions for third-party iframes
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review early connections to third-party services such as fonts and APIs. Use loading measurements to identify essential domains, recommend preconnect hints that prepare connections in advance, and remove unnecessary hints that add overhead.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigating connection delays for external fonts and APIs
- Reviewing preconnect hints in the page head
- Removing unnecessary early connections
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일 업데이트
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일 업데이트
Review page source, browser JavaScript, and Git history for exposed API keys, passwords, and tokens. Identify potential leaks and guide fixes, including moving secrets to the server, replacing compromised credentials, and adding checks before commits.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking browser code for exposed API keys
- Finding credentials committed to Git
- Moving secret-dependent API calls to the server
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Find TypeScript values that bypass type checking through any, including inferred types and assertions. Suggest unknown, generics that preserve type relationships, or Zod validation for external data, with the checks needed where each value is used.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Addressing ESLint warnings about explicit any
- Reviewing type safety around external API data
- Checking functions that pass any to their callers
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
Check the HTML delivered to browsers for broken internal, external, anchor, and email links. Locate errors and unintended redirects, suggest URL updates or replacements, and help introduce automated checks and ongoing monitoring.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking links on documentation or e-commerce sites
- Reviewing links produced by shared components
- Adding automated link checks to CI/CD
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 CSS spacing, borders, and positioning for conversion to logical properties, which follow writing direction. Check rendered layouts across screen sizes and interaction states to support right-to-left languages and vertical text.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adapting layouts for Arabic or Hebrew
- Replacing fixed left and right spacing in CSS
- Reviewing layouts for vertical writing
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일 업데이트
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일 업데이트
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 page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing page structure for screen reader navigation
- Replacing generic containers with semantic HTML elements
- Checking labels for multiple navigation regions
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일 업데이트
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일 업데이트
Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing images for an international launch
- Checking gestures and culturally specific symbols
- Switching images by language or region
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일 업데이트
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일 업데이트
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일 업데이트
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일 업데이트
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 so their destinations are clear even without surrounding text. Identify vague wording, improve names announced by screen readers, and check keyboard behavior and download details such as file type and size.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Replace vague link text with clear destination names
- Review links for screen reader users
- Check download links for file type and size
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 informational pages so AI assistants can extract and understand their content. Review headings, HTML structure, content availability without JavaScript, and structured data, then suggest changes that make individual sections clearer when read on their own.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Review pages intended for AI-generated answers
- Make headings and sections understandable on their own
- Check whether key content is available without JavaScript
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트