Skip to content
cccskills

Browse skills

13K skills · sorted by popularity

referrer-policy

FreeSummary

Review Referrer-Policy settings to limit sensitive URL details shared when visitors follow external links. Check response headers and pages containing private parameters, suggest suitable policy values, and explain how to verify the resulting browser behavior.

  • Checking privacy settings on password reset pages
  • Reviewing server and CDN response headers
  • Comparing policies for pages with sensitive URLs
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

right-to-erasure

FreeSummary

Audit account settings, privacy pages, and API routes for a complete data deletion flow. Check browser storage cleanup, server deletion requests, and user confirmation, then identify missing pieces and guide implementation.

  • Audit account deletion flows
  • Check browser storage cleanup
  • Review server deletion requests
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

paste-inputs

FreeSummary

Review form fields for code that blocks pasting, then remove those restrictions. The skill helps check password manager use, keyboard interactions, and accessibility so people can paste passwords and other long values into inputs.

  • Checking why passwords cannot be pasted
  • Reviewing credit card fields for paste restrictions
  • Improving form accessibility
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review password fields for security and ease of use. Check autocomplete settings, accessible visibility controls, strength indicators, and password manager support, then verify relevant browser and HTTP behavior in an environment resembling production.

  • Reviewing login and registration forms
  • Checking password manager compatibility
  • Improving accessible password visibility controls
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

parallax-effects

FreeSummary

Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.

  • Reviewing parallax effects on a website
  • Checking support for reduced-motion preferences
  • Providing static versions of animated content
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

reduced-motion

FreeSummary

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

  • Checking support for reduced motion settings
  • Reviewing flashing content frequency
  • Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Set and review limits for bundled file size and page performance so CI, automated checks on code changes, can catch regressions. Check enforcement on pull requests and review production monitoring for slowdowns after release.

  • Reviewing performance limits in CI configuration
  • Checking pull requests that add dependencies or assets
  • Setting limits for file size and page performance
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

link-checker

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

meta-refresh

FreeSummary

Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.

  • Finding automatic redirects in HTML
  • Replacing meta refresh with server-side redirects
  • Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

mutation-testing

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

leaked-secrets

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.

  • Checking the main region in a page template
  • Fixing duplicate main regions in combined layouts
  • Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

mobile-testing

FreeSummary

Review mobile test coverage across real devices and simulated screen sizes. Find gaps in automated checks and CI, the workflow that runs project checks, and add Playwright tests for key mobile user flows.

  • Reviewing mobile test coverage in CI
  • Adding Playwright tests for mobile user flows
  • Planning Android and iOS real-device checks
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

list-structure

FreeSummary

Review HTML lists for incorrect child elements and nesting, then identify fixes that help screen readers, tools that read page content aloud, announce item counts and positions accurately.

  • Reviewing HTML list structure
  • Fixing nested lists
  • Checking screen reader announcements
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

mixed-content

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

new-tab

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

form-https

FreeSummary

Review HTML forms and JavaScript requests to find data sent over unencrypted HTTP. Check submission URLs, pages with implicit form destinations, and server redirects, then update endpoints to use HTTPS.

  • Checking login form submission URLs
  • Reviewing fetch() and XMLHttpRequest endpoints
  • Checking forms without an action attribute
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

https

FreeSummary

Audit whether a website serves all pages over HTTPS with valid TLS certificates, which secure connections. Check certificate coverage and expiration, permanent redirects from HTTP, and HTTPS URLs for internal links and resources, then review the necessary configuration changes.

  • Auditing HTTPS coverage across a website
  • Checking certificate expiration and hostname coverage
  • Verifying permanent redirects from HTTP to HTTPS
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

http-to-https

FreeSummary

Check that HTTP requests redirect to HTTPS with a permanent 301 response while preserving the page path and query parameters. Review server or CDN settings, verify response headers, and explain how HSTS helps returning visitors avoid HTTP requests.

  • Checking HTTP redirects before a site launch
  • Verifying paths and query parameters survive redirects
  • Reviewing server redirects and HSTS settings
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

form-captcha

FreeSummary

Review public forms for automated abuse protection. Check CAPTCHA, a mechanism for detecting bots, along with hidden trap fields and request limits, then help integrate a CAPTCHA service and validate its tokens on the server.

  • Checking contact forms for spam protection
  • Adding bot protection to registration and login forms
  • Reviewing server-side CAPTCHA token validation
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026