跳到正文
cccskills

查找技能

1.3万 个 · 按人气排序

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-Checklist7.5万2026年10月6日 更新

Review whether every page provides an accessible privacy policy link, especially in the footer. Check that the policy explains data collection, use, sharing, retention periods, contact details, and user rights, and identify missing information.

中文简介正在准备中。当前显示英语简介。

  • Checking privacy policy links across all pages
  • Adding a privacy policy link to a shared footer
  • Reviewing data retention and sharing disclosures
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

Review mobile and tablet pages in portrait and landscape. Identify orientation locks, blocking rotation messages, and hidden controls, then suggest responsive layout changes so essential content and actions remain usable in both orientations.

中文简介正在准备中。当前显示英语简介。

  • Checking mobile and tablet orientation support
  • Reviewing forms after device rotation
  • Inspecting dashboard and media layouts
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.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-Checklist7.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-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.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-Checklist7.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-Checklist7.5万2026年10月6日 更新

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-Checklist7.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-Checklist7.5万2026年10月6日 更新

new-tab

免费

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-Checklist7.5万2026年10月6日 更新

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-Checklist7.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-Checklist7.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-Checklist7.5万2026年10月6日 更新

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-Checklist7.5万2026年10月6日 更新

Review image alt text, the descriptions read by screen readers, for unnecessary phrases and duplication of nearby text. Identify specific images to fix and make their descriptions concise while preserving information about what the images mean.

中文简介正在准备中。当前显示英语简介。

  • Reviewing image descriptions for accessibility
  • Removing alt text that repeats nearby captions
  • Checking screen reader output after fixes
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review page language attributes so HTML and XML readers receive consistent language information. Check matching lang and xml:lang values, validate language codes, and recommend keeping both attributes for XHTML or removing the unnecessary XML attribute from standard HTML5.

中文简介正在准备中。当前显示英语简介。

  • Checking language attributes in XHTML documents
  • Removing unnecessary xml:lang attributes from HTML5
  • Investigating incorrect screen reader pronunciation
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新