본문으로 건너뛰기
cccskills

테스트·보안 스킬

테스트 설계, 취약점 진단, 품질 보증 (1.3만건)

가격이나 정렬 순서로 필터

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 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 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일 업데이트

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 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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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 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 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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

https

무료

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-Checklist7.5만2026년 10월 6일 업데이트

Check form fields for duplicate labels that may confuse screen readers or voice control. Identify affected inputs and suggest consolidating labels or using aria-labelledby, an attribute that connects a field to multiple pieces of naming text.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding duplicate labels on form inputs
  • Combining multiple text sources into a field name
  • Reviewing form labels with screen readers
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review form fields to ensure each has a properly connected label. Identify placeholder-only names and missing group headings, then guide markup fixes that help screen readers identify inputs and make labels clickable.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing labels in an application form
  • Replacing placeholder-only field names
  • Checking checkbox and radio button groups
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트