Skip to content

Skills Directory

Skills Learn Security Categories Docs Blog Pro

Claude Skills by thedaviddias

github.com/thedaviddias

392 skillsA× 3920 installs12 views

Font LoadingAUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize web font loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Font SizeAUse when applies to all CSS `font-size` declarations, particularly those using `px` units for body text, UI labels, and navigation. Use when auditing mobile responsiveness and accessibility compliance. Check for `font-size` in media queries targeting small screens.developmentgofrontendVotes: 0GitHub stars: 74,358
Form CaptchaAUse when reviewing public HTML forms (no authentication required to reach them) for bot and abuse protection mechanisms.developmentgofrontendVotes: 0GitHub stars: 74,358
Form Field Multiple LabelsAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use a single label for each form field. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Form HttpsAUse when reviewing HTML forms, fetch/XHR calls, and form action attributes to ensure data is submitted exclusively over HTTPS.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Form LabelsAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Associate labels with form controls. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Form ValidationAUse when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly. Validate the final browser-facing markup, not just the source framework abstraction. Distinguish between browser-posted forms and client-handled React forms so you do not over-report missing `method` or `action` as accessibility defects.developmentrustgoVotes: 0GitHub stars: 74,358
Frame TitleAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Provide titles for iframes and frames. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
FreshnessAUse when auditing content pages for freshness signals, setting up HTTP Last-Modified headers in a web server config, or ensuring Article JSON-LD dateModified is updated when CMS content changes.developmentgonextjsVotes: 0GitHub stars: 74,358
Geo MetaAUse when auditing locally-focused or regionally-targeted pages for geo targeting signals, particularly on sites targeting audiences through Bing or regional search engines. Note that these meta tags have no documented effect on Google's ranking.developmentgogitVotes: 0GitHub stars: 74,358
Gtm PresentAUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize Google Tag Manager implementation. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
H1AUse when auditing a page's heading structure, generating H1 text for landing pages or blog posts, or reviewing a CMS template that may produce empty or missing H1 elements.developmentgoreactVotes: 0GitHub stars: 74,358
Has SelectorAUse when reviewing stylesheets or components that use JavaScript to toggle classes on parent elements based on child state, form input values, or content presence — :has() may replace the JavaScript entirely.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Heading HierarchyAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use logical heading hierarchy. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Heading OrderAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Maintain logical heading order. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Horizontal ScrollAUse when applies to all CSS layout rules. Check `width`, `min-width`, fixed pixel values on containers, `overflow`, `white-space`, and `word-break` properties. Use when auditing responsive design or WCAG 2.1 Level AA compliance. Test at 320px viewport width and at 400% browser zoom.developmentgofrontendVotes: 0GitHub stars: 74,358
HreflangAUse when auditing metadata, crawlability, structured data, or indexability related to Add hreflang tags for multilingual sites. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
HstsAUse when reviewing HTTP response headers on any site that serves content over HTTPS.developmentgotestingVotes: 0GitHub stars: 74,358
Html Resource HintsAUse when reviewing templates, rendered HTML, or shared components related to Add resource hints (preload, prefetch, dns-prefetch). Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Html SizeAUse when auditing page weight for crawl efficiency, investigating why certain page content is not appearing in Google's index, or reviewing server-rendered pages that embed large JSON payloads in HTML.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Html Xml Lang MismatchAUse when applies to XHTML documents and polyglot HTML documents that must parse correctly as both HTML5 and XML. For modern HTML5-only documents, only `lang` is needed and `xml:lang` is not required. Check when auditing documents served as application/xhtml+xml or documents that include both attributes.developmentgofrontendVotes: 0GitHub stars: 74,358
Html5 Semantic ElementsAUse when reviewing templates, rendered HTML, or shared components related to Use semantic HTML elements. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Http RequestsAUse when auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Http To HttpsAUse when checking whether a web server is configured to redirect all HTTP traffic to HTTPS.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Http2AUse when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Https DowngradeAUse when auditing a site's internal and external links for protocol consistency, migrating a site from HTTP to HTTPS, or reviewing hardcoded URLs in a codebase that may use `http://` instead of `https://`.developmentjavascriptgoVotes: 0GitHub stars: 74,358
HttpsAUse when auditing whether a website or web application serves content exclusively over HTTPS with a valid certificate.developmentgoapiVotes: 0GitHub stars: 74,358
HyphensAUse when auditing URL structures for word separator format, generating slugs from titles, or planning a URL migration from underscores or spaces to hyphens with appropriate redirects.developmentgofrontendVotes: 0GitHub stars: 74,358
Identical Links Same PurposeAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure identical links have consistent destinations. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Image CdnAUse when reviewing image assets, markup, and CDN or build transforms related to Serve images from a CDN. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentgofrontendVotes: 0GitHub stars: 74,358
Image CompressionAUse when reviewing image assets, markup, and CDN or build transforms related to Compress images without quality loss. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentgofrontendVotes: 0GitHub stars: 74,358
Image File SizeAUse when auditing the image pipeline, static assets in `public/`, CMS-managed media, or image CDN transforms. Separate file-size problems from dimension mismatches so you can tell whether the issue is compression, format choice, or responsive delivery.developmentgofrontendVotes: 0GitHub stars: 74,358
Image OptimizationAUse when reviewing image assets, markup, and CDN or build transforms related to Optimize all images for web. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentrustgoVotes: 0GitHub stars: 74,358
Image Redundant AltAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid redundant image alternative text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Immutable PatternsAUse when reviewing scripts, client components, bundles, or runtime behavior related to Prefer immutable data patterns. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Import On InteractionAUse when reviewing slow initial loads caused by optional features. Prioritize code that is expensive to download or execute and not required for the first viewport, first input, or core task completion.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Import On VisibilityAUse when reviewing long pages, dashboards, or content feeds with expensive offscreen modules. Balance early enough loading for smooth scrolling against keeping the initial route light.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Improve RuleAUse when reviewing or improving a Front-End Checklist rule MDX file to raise its quality score, fix stub prompts, add missing fields, or enrich content with real code examples.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Inclusive LanguageAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use inclusive language. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgogitVotes: 0GitHub stars: 74,358
Indexability ConflictsAUse when auditing a site for indexability issues, investigating why pages appear in Google's index that should be excluded (or vice versa), or reviewing robots.txt and meta robots configurations for consistency.developmentgofrontendVotes: 0GitHub stars: 74,358
IndexabilityAUse when auditing a site for accidental noindex directives, investigating why important pages are not appearing in Google Search, or reviewing CMS settings that control indexing at the page or category level.developmentgonextjsVotes: 0GitHub stars: 74,358
Input Image AltAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alt text for image buttons. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Input TypesAUse when reviewing templates, rendered HTML, or shared components related to Use semantic input type attributes. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Integration TestingAUse when reviewing CI coverage, automated checks, or test strategy related to Write integration tests for key workflows. Focus on whether the rule is continuously verified, not just documented.developmentgotestingVotes: 0GitHub stars: 74,358
Interaction To Next PaintAUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize interaction to next paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Internal LinksAUse when auditing a site's internal link structure, identifying pages that need more incoming links, generating contextual linking opportunities between related content, or reviewing a CMS template's internal linking patterns.developmentgofrontendVotes: 0GitHub stars: 74,358
InterstitialsAUse when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for `position: fixed`, `position: absolute` with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).developmentjavascriptgoVotes: 0GitHub stars: 74,358
Invalid LinksAUse when auditing a page's link elements for crawlability, reviewing JavaScript-heavy SPAs where navigation may not use `<a href>` tags, or checking that dynamically generated links have valid href values.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Javascript InlineAUse when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Javascript LinterAUse when reviewing scripts, client components, bundles, or runtime behavior related to Lint JavaScript code. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascripttypescriptVotes: 0GitHub stars: 74,358

First Previous 1 2 345 6 7 Next Last

Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Stay in the loop

Get weekly updates on the best new skills and tutorials.

Email address

Directory

Browse skills
All skills A–Z
Claude skills
Claude Code skills
Agent skills
Categories
Authors
Submit a skill

Learn and security

Learn hub
Install Claude skills
Write SKILL.md
Skills vs MCP
Directories compared
Security
Security methodology
Secure Claude skills
Security badges

Company

About
Pro
Blog
API docs
Chrome extension
Skill Manager
Advertise
Terms
Privacy
Refunds

© 2026 Skills Directory. All rights reserved.