All authors

Claude Skills by thedaviddias
github.com/thedaviddias392 skills0 installs12 views
- Javascript MinificationUse when reviewing scripts, client components, bundles, or runtime behavior related to Minify all JavaScript files. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.Votes: 0GitHub stars: 74,358
- Js File SizeUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize JavaScript bundle size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Js LibrariesUse when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Js RedirectsUse when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Json Ld ValidUse when generating or auditing any `<script type='application/ld+json'>` blocks, implementing structured data for articles, products, FAQs, breadcrumbs, or local businesses, or investigating why rich results are not appearing in Google Search Console.Votes: 0GitHub stars: 74,358
- Json SafetyUse when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with error handling. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.Votes: 0GitHub stars: 74,358
- Keyboard NavigationUse when reviewing rendered HTML, interactive components, or design-system patterns related to Enable keyboard navigation for all elements. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Keyword StuffingUse when auditing content pages for over-optimisation, reviewing AI-generated content that may repeat target phrases excessively, or checking meta tags and alt text for unnatural keyword accumulation.Votes: 0GitHub stars: 74,358
- Label Content Name MismatchUse when reviewing rendered HTML, interactive components, or design-system patterns related to Align visible labels with accessible names. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Landmark One MainUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use exactly one main landmark. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Landmark RegionsUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use landmark regions correctly. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Lang AttributeUse when applies to all HTML documents. Check the `<html>` opening tag for a `lang` attribute with a non-empty, valid BCP 47 language code. Also check for `lang` attribute changes on individual elements when the document contains content in multiple languages (inline quotes, foreign terms, multilingual sections). The `lang` attribute is inherited — child elements inherit the language from their nearest ancestor with `lang`.Votes: 0GitHub stars: 74,358
- Largest Contentful PaintUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize largest contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Lazy Above FoldUse when auditing slow page loads, heavy assets, or rendering delays related to Disable lazy loading for above-the-fold content. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Lazy LoadingUse when auditing slow page loads, heavy assets, or rendering delays related to Implement lazy loading for offscreen content. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. Absence of `loading='lazy'` is not enough by itself when fold position is unknown.Votes: 0GitHub stars: 74,358
- Leaked SecretsUse when reviewing client-side JavaScript, HTML source, or git history for exposed credentials, API keys, or tokens.Votes: 0GitHub stars: 74,358
- Legacy JsUse when auditing slow page loads, heavy assets, or rendering delays related to Avoid serving legacy JavaScript to modern browsers. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- LengthUse when generating URL slugs from article titles, auditing URL structures for unnecessary depth or length, or reviewing URL patterns in a CMS or router configuration.Votes: 0GitHub stars: 74,358
- Link CheckerUse when reviewing templates, rendered HTML, or shared components related to Check for broken links. Validate the final browser-facing markup, not just the source framework abstraction.Votes: 0GitHub stars: 74,358
- Link In Text BlockUse when applies to hyperlinks (`<a>` elements) that appear inline within paragraphs or text blocks. Does not apply to navigation menus, button-style links, or standalone links that are visually isolated from body text. Use when reviewing CSS that removes text-decoration from inline body copy links.Votes: 0GitHub stars: 74,358
- Link TextUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use descriptive link text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- List StructureUse when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct list structure. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- List VirtualizationUse when reviewing dashboards, admin tables, search results, or feeds with many repeated items. Confirm the bottleneck is DOM or rendering cost before introducing virtualization because small lists usually do not need the added complexity.Votes: 0GitHub stars: 74,358
- ListitemUse when applies to HTML documents with `<li>` elements. Also applies to custom ARIA lists where `role='listitem'` must be owned by `role='list'`. Common violations occur in templating systems where list markup is split across components or in CSS resets where developers use `<li>` for layout without proper list parents.Votes: 0GitHub stars: 74,358
- Llm ParsabilityUse when auditing content pages for AI discoverability. Applies to any informational page intended to appear in AI-generated answers, search snippets, or knowledge base extraction.Votes: 0GitHub stars: 74,358
- Llms TxtUse when auditing public documentation portals, API references, help centers, SDK docs, or large knowledge bases. Check the final file served at `/llms.txt` and verify that the linked pages are stable, high-value, and accessible without relying on a JavaScript-only interface.Votes: 0GitHub stars: 74,358
- Loading IndicatorsUse when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.Votes: 0GitHub stars: 74,358
- Local BusinessUse when auditing a local business website's structured data. Applies to any business that serves customers at a physical location or specific geographic area.Votes: 0GitHub stars: 74,358
- Locale ImagesUse when reviewing image assets, icon libraries, or components that render illustrations to identify culture-specific content that may need locale overrides or replacement with neutral alternatives.Votes: 0GitHub stars: 74,358
- Logical PropertiesUse when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i18n and RTL support. Check the rendered layout across breakpoints and interaction states before proposing a fix.Votes: 0GitHub stars: 74,358
- LowercaseUse when auditing URL structure or configuring a new site's routing. Applies to any server or framework that allows case-insensitive file systems (Linux servers are case-sensitive by default).Votes: 0GitHub stars: 74,358
- Memory LeaksUse when reviewing scripts, client components, bundles, or runtime behavior related to Prevent common memory leak patterns. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.Votes: 0GitHub stars: 74,358
- Meta DescriptionUse when auditing page metadata or generating descriptions for new pages. Applies to every page that should receive organic search traffic.Votes: 0GitHub stars: 74,358
- Meta In BodyUse when auditing HTML document structure. Applies to any page where meta tags (noindex, canonical-url, description, viewport, OG tags) may have been injected into the body by CMS plugins, widgets, or JavaScript rendering.Votes: 0GitHub stars: 74,358
- Meta RefreshUse when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid meta refresh redirects. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Meta TitleUse when auditing page metadata or generating SEO-optimized titles. Applies to every HTML page that should appear in search results.Votes: 0GitHub stars: 74,358
- Mime TypeUse when auditing server configuration or diagnosing broken resources. Applies to any web server serving HTML, CSS, JS, images, fonts, or other static assets.Votes: 0GitHub stars: 74,358
- Mixed ContentUse when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTTP.Votes: 0GitHub stars: 74,358
- Mobile TestingUse when reviewing CI coverage, automated checks, or test strategy related to Test on real mobile devices and viewports. Focus on whether the rule is continuously verified, not just documented.Votes: 0GitHub stars: 74,358
- Mock Best PracticesUse when reviewing CI coverage, automated checks, or test strategy related to Follow mocking best practices. Focus on whether the rule is continuously verified, not just documented.Votes: 0GitHub stars: 74,358
- Modal AccessibilityUse when reviewing rendered HTML, interactive components, or design-system patterns related to Make modal dialogs keyboard accessible. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.Votes: 0GitHub stars: 74,358
- Modern Array MethodsUse when reviewing scripts, client components, bundles, or runtime behavior related to Use modern array and object methods. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.Votes: 0GitHub stars: 74,358
- Modern FormatUse when reviewing image assets, markup, and CDN or build transforms related to Use modern image formats (WebP, AVIF). Check encoded size, rendered size, loading strategy, and above-the-fold impact together.Votes: 0GitHub stars: 74,358
- Mutation TestingUse when evaluating test quality on modules containing business logic, calculation utilities, or state machines to determine whether the tests provide genuine defect detection.Votes: 0GitHub stars: 74,358
- Naming ConventionsUse when reviewing stylesheets, component styles, and responsive behavior related to Use consistent CSS naming conventions. Check the rendered layout across breakpoints and interaction states before proposing a fix.Votes: 0GitHub stars: 74,358
- Nap ConsistencyUse when auditing a local business website for local SEO. Applies to any business that has a physical address and wants to appear in local search results or Google Maps.Votes: 0GitHub stars: 74,358
- Navigation LandmarkUse when reviewing templates, rendered HTML, or shared components related to Use navigation landmark regions. Validate the final browser-facing markup, not just the source framework abstraction.Votes: 0GitHub stars: 74,358
- New TabUse when reviewing HTML or JSX for anchor elements with target='_blank' to verify rel='noopener noreferrer' is present.Votes: 0GitHub stars: 74,358
- No Explicit AnyUse when reviewing TypeScript files for type safety regressions, during code review of functions that handle external data, or when the codebase has ESLint warnings for @typescript-eslint/no-explicit-any.Votes: 0GitHub stars: 74,358
- No Unchecked Indexed AccessUse when auditing tsconfig.json for missing safety flags, reviewing code that uses array index access in data processing pipelines, or investigating runtime undefined errors that TypeScript did not catch.Votes: 0GitHub stars: 74,358