Skip to content

Skills Directory

Skills Learn Security Categories Docs Blog Pro

Claude Skills by thedaviddias

github.com/thedaviddias

392 skillsA× 3920 installs12 views

Back Forward CacheAUse when reviewing navigation performance, browser lifecycle events, or resume-from-memory behavior. Check the actual browser lifecycle and restore path, not only static code patterns.developmentgoapiVotes: 0GitHub stars: 74,358
Blocked LinksAUse when reviewing HTML source and JavaScript for links or resource URLs pointing to domains listed in common adblocker filter lists.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Breadcrumb NavigationAUse when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigation. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
BreadcrumbAUse when auditing metadata, crawlability, structured data, or indexability related to Implement valid BreadcrumbList schema. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
Broken External LinksAUse when auditing metadata, crawlability, structured data, or indexability related to Fix or remove broken external links. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentrustgoVotes: 0GitHub stars: 74,358
Broken HtmlAUse when auditing metadata, crawlability, structured data, or indexability related to Fix malformed HTML structure. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
Broken ImagesAUse when reviewing image assets, markup, and CDN or build transforms related to Fix broken images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentgoreactVotes: 0GitHub stars: 74,358
Broken LinksAUse when auditing metadata, crawlability, structured data, or indexability related to Resolve internal broken links. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentrustgoVotes: 0GitHub stars: 74,358
Browser CachingAUse when auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Browser RequiredAUse when auditing slow page loads, heavy assets, or rendering delays related to Perform browser-based performance audits. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Button NameAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for buttons. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Canonical ChainAUse when auditing metadata, crawlability, structured data, or indexability related to Avoid redirect chains on canonical URLs. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
Canonical HeaderAUse when auditing metadata, crawlability, structured data, or indexability related to Sync HTML canonical tags and Link headers. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
Canonical UrlAUse when auditing metadata, crawlability, structured data, or indexability related to Set canonical URLs for all pages. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentgofrontendVotes: 0GitHub stars: 74,358
Carousel AccessibilityAUse when reviewing templates, rendered HTML, or shared components related to Make carousels accessible. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Cascade LayersAUse when reviewing a CSS architecture for specificity issues, setting up a design system, or migrating a large codebase from utility-first to a layered architecture.developmentgofrontendVotes: 0GitHub stars: 74,358
CdnAUse when auditing slow page loads, heavy assets, or rendering delays related to Use a content delivery network. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgoawsVotes: 0GitHub stars: 74,358
CharsetAUse when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
CitationsAUse when auditing metadata, crawlability, structured data, or indexability related to Cite authoritative external sources. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentrustgoVotes: 0GitHub stars: 74,358
Clean Up CommentsAUse when reviewing templates, rendered HTML, or shared components related to Remove comments and debug code in production. Validate the final browser-facing markup, not just the source framework abstraction.developmentgoapiVotes: 0GitHub stars: 74,358
Code SplittingAUse when reviewing large SPA bundles, new dependency additions, or routes that feel slow to hydrate. Focus on code that is not required for the initial view and can move behind route transitions, user interaction, or viewport-based loading.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Color ContrastAUse when applies to all visible text and text images, UI component borders (input fields, buttons), focus indicators, icons that convey meaning, and graphical objects required to understand content. Does not apply to inactive/disabled UI components or purely decorative elements.developmentgofrontendVotes: 0GitHub stars: 74,358
Color OklchAUse when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays.developmentgofrontendVotes: 0GitHub stars: 74,358
CompressionAUse when auditing slow page loads, heavy assets, or rendering delays related to Enable text-based compression. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Consent ModeAUse when auditing slow page loads, heavy assets, or rendering delays related to Implement Google Consent Mode v2. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgogitVotes: 0GitHub stars: 74,358
Consistent HelpAUse when reviewing support UI across multi-page flows such as checkout, onboarding, account recovery, or support journeys. Compare multiple pages in the same variation instead of reviewing a single page alone.developmentgofrontendVotes: 0GitHub stars: 74,358
Console CleanupAUse when reviewing scripts, client components, bundles, or runtime behavior related to Remove console statements in production. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Const LetAUse when reviewing scripts, client components, bundles, or runtime behavior related to Prefer const and let over var. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Contact PageAUse when auditing metadata, crawlability, structured data, or indexability related to Create a comprehensive Contact page. Verify the rendered HTML and HTTP response rather than relying only on source files.developmentrustgoVotes: 0GitHub stars: 74,358
Container QueriesAUse when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for component-level responsiveness. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Content DatesAUse when auditing article or blog pages for date markup, generating Article JSON-LD with datePublished/dateModified, or checking whether a CMS template surfaces dates correctly.developmentrustgoVotes: 0GitHub stars: 74,358
Content Security PolicyAUse when reviewing headers, forms, cookies, or third-party integrations related to Implement a content security policy. Validate the effective browser and HTTP behavior in a production-like environment.developmentrustgoVotes: 0GitHub stars: 74,358
Content Without CssAUse when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning. Check the DOM order, semantic structure, form relationships, and whether CSS generated content carries essential information.developmentgofrontendVotes: 0GitHub stars: 74,358
Contract TestingAUse when setting up integration testing for a frontend-backend API boundary, evaluating whether two services are safe to deploy independently, or replacing slow end-to-end tests with contract tests.developmentgotestingVotes: 0GitHub stars: 74,358
Cookie ConsentAUse when reviewing a website for GDPR/CCPA compliance, specifically whether cookie consent is obtained before non-essential cookies are set.developmentgofrontendVotes: 0GitHub stars: 74,358
Critical ImagesAUse when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentgofrontendVotes: 0GitHub stars: 74,358
Critical Request ChainsAUse when auditing slow page loads, heavy assets, or rendering delays related to Minimize critical request chains. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Cross Browser TestingAUse when reviewing CI coverage, automated checks, or test strategy related to Test across all major browsers. Focus on whether the rule is continuously verified, not just documented.developmentgotestingVotes: 0GitHub stars: 74,358
Cross Origin IsolationAUse when reviewing security-sensitive web apps, SharedArrayBuffer usage, worker-heavy apps, editors, or measurement features that require cross-origin isolation. Check both headers and real browser behavior.developmentgofrontendVotes: 0GitHub stars: 74,358
Cross Origin SecurityAUse when reviewing scripts, client components, bundles, or runtime behavior related to Handle cross-origin requests securely. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptrustVotes: 0GitHub stars: 74,358
Css At PropertyAUse when implementing animated gradients, complex CSS transitions that involve custom property values, or building a typed design token system where custom property misuse should produce visible errors.developmentgofrontendVotes: 0GitHub stars: 74,358
Css ContainmentAUse when reviewing stylesheets, component styles, and responsive behavior related to Use CSS containment to limit repaint scope. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Css CriticalAUse when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Css Custom PropertiesAUse when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Css File SizeAUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Css GridAUse when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional layouts. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Css MinificationAUse when reviewing stylesheets, component styles, and responsive behavior related to Minify all CSS files. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Css Non BlockingAUse when reviewing stylesheets, component styles, and responsive behavior related to Load CSS without blocking render. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgonextjsVotes: 0GitHub stars: 74,358
Css OrderAUse when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Css PrintAUse when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgogitVotes: 0GitHub stars: 74,358

First Previous 123 4 5 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.