Skip to content

Claude Skills by thedaviddias

github.com/thedaviddias

392 skillsA× 3920 installs12 views

Text ExpansionAUse when reviewing CSS for fixed dimensions, truncation, or overflow rules on elements that render translatable strings.developmentgotestingVotes: 0GitHub stars: 74,358
Text In ImagesAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid images of text. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Text ResizingAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing to 200%. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Th Has Data CellsAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure table headers associate with data cells. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358
Third Party CookiesAUse when reviewing a website for privacy compliance, third-party resource loading, or cookie consent implementation.developmentgofrontendVotes: 0GitHub stars: 74,358
Third Party ScriptsAUse when auditing slow page loads, heavy assets, or rendering delays related to Optimize third-party script loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.developmentgofrontendVotes: 0GitHub stars: 74,358
Title UniqueAUse when applies to all HTML pages. Use when auditing a site crawl report or investigating why multiple pages compete for the same keyword in search results.developmentgofrontendVotes: 0GitHub stars: 74,358
Token Storage SecurityAUse when reviewing authentication implementation, setting up a new auth system, or evaluating whether the current token storage approach exposes the application to XSS-based token theft.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Touch TargetsAUse when applies to all interactive elements on touchscreen interfaces: buttons, links, checkboxes, radio buttons, form inputs, icon buttons, and menu items. Check CSS for min-width, min-height, width, height, and padding on interactive elements. Particularly important for icon-only buttons (close, delete, share) which are often made too small.developmentgofrontendVotes: 0GitHub stars: 74,358
Trailing SlashAUse when applies to all static and dynamic websites. Use when auditing a site for duplicate content, setting up a new site, or after migrating platforms that changed URL conventions.developmentgofrontendVotes: 0GitHub stars: 74,358
Translation StringsAUse when reviewing a codebase for internationalisation readiness, setting up an i18n library, or preparing strings for a new locale.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Trust SignalsAUse when applies especially to e-commerce checkouts, contact/lead forms, pricing pages, and YMYL (Your Money or Your Life) content. Use when auditing E-E-A-T or conversion optimization.developmentrustgoVotes: 0GitHub stars: 74,358
TtfbAUse when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before proposing a fix.developmentgoapiVotes: 0GitHub stars: 74,358
Twitter CardsAUse when applies to any page intended to be shared on X (Twitter). Use when auditing social sharing previews or adding social meta tags to a new site.developmentgofrontendVotes: 0GitHub stars: 74,358
Type CoercionAUse when reviewing scripts, client components, bundles, or runtime behavior related to Avoid implicit type coercion. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Type Only ImportsAUse when auditing import statements in TypeScript files, setting up a new TypeScript project, or investigating unexpected bundle inclusions from type-only dependencies.developmentjavascripttypescriptVotes: 0GitHub stars: 74,358
Typescript Strict ModeAUse when setting up a new TypeScript project, auditing an existing tsconfig.json, or reviewing code where null-reference errors or implicit any types are present.developmentjavascripttypescriptVotes: 0GitHub stars: 74,358
Unique IdAUse when reviewing templates, rendered HTML, or shared components related to Ensure all IDs are unique. Validate the final browser-facing markup, not just the source framework abstraction.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Unit TestsAUse when reviewing CI coverage, automated checks, or test strategy related to Write unit tests. Focus on whether the rule is continuously verified, not just documented.developmentgotestingVotes: 0GitHub stars: 74,358
Unused CssAUse when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Video AccessibilityAUse when reviewing templates, rendered HTML, or shared components related to Make videos accessible with captions. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Video CaptionsAUse when applies to all `<video>` elements and third-party video embeds (YouTube, Vimeo) where the page owner controls the content. Prerecorded videos require `.vtt` caption files via `<track>`. For videos embedded via `<iframe>`, check that the video platform captions are enabled. Audio-only content requires transcripts instead (SC 1.2.1). Video-only content (no audio) requires a text alternative or audio description instead (SC 1.2.3).developmentgofrontendVotes: 0GitHub stars: 74,358
Video OptimizationAUse when reviewing <video> elements, background/hero video, or embedded media assets. Check encoded bitrate, resolution relative to the rendered player size, codec/container choice, and whether a poster/thumbnail avoids blocking on the first frame.developmentgofrontendVotes: 0GitHub stars: 74,358
Video ThumbnailAUse when applies to all `<video>` elements in HTML. The `poster` attribute specifies the URL of an image to show as a placeholder before the video is loaded or played. This is distinct from captions or audio descriptions, which are accessibility requirements. The poster is primarily a UX and performance enhancement, though the lack of a poster can indirectly create a CLS (Cumulative Layout Shift) issue if video dimensions are not declared.developmentrustgoVotes: 0GitHub stars: 74,358
VideoAUse when applies to any page embedding or hosting video content (YouTube, Vimeo, self-hosted). Use when adding video content to a site or auditing structured data coverage.developmentgofrontendVotes: 0GitHub stars: 74,358
View TransitionsAUse when adding page transition animations, image expand/contract effects, shared-element transitions, or improving navigation UX in a single-page or multi-page application.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Viewport ZoomAUse when applies to any `<meta name='viewport'>` element in HTML documents. Check the `content` attribute for `user-scalable=no`, `user-scalable=0`, `maximum-scale=1`, or `maximum-scale` values less than 2. This is a common mistake in mobile-first templates and CSS frameworks.developmentgofrontendVotes: 0GitHub stars: 74,358
ViewportAUse when reviewing templates, rendered HTML, or shared components related to Set the responsive viewport meta tag. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Visual RegressionAUse when reviewing CI coverage, automated checks, or test strategy related to Use visual regression testing. Focus on whether the rule is continuously verified, not just documented.developmentjavascriptgoVotes: 0GitHub stars: 74,358
W3c CompliantAUse when reviewing templates, rendered HTML, or shared components related to Validate HTML against W3C standards. Validate the final browser-facing markup, not just the source framework abstraction.developmentgodebuggingVotes: 0GitHub stars: 74,358
Weak Internal LinksAUse when applies to any site with more than 20 pages. Use when auditing site architecture, investigating why certain pages underperform in search, or after a site migration.developmentgofrontendVotes: 0GitHub stars: 74,358
Web App ManifestAUse when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installability. Validate the final browser-facing markup, not just the source framework abstraction.developmentgofrontendVotes: 0GitHub stars: 74,358
Web StorageAUse when reviewing scripts, client components, bundles, or runtime behavior related to Use Web Storage API safely. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.developmentjavascriptgoVotes: 0GitHub stars: 74,358
Webfont FormatAUse when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check the rendered layout across breakpoints and interaction states before proposing a fix.developmentgofrontendVotes: 0GitHub stars: 74,358
Webp FormatAUse when reviewing image assets, markup, and CDN or build transforms related to Use WebP format with fallbacks. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.developmentgofrontendVotes: 0GitHub stars: 74,358
WebpagetestAUse when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Validate the final browser-facing markup, not just the source framework abstraction.developmentgotestingVotes: 0GitHub stars: 74,358
Website SearchAUse when applies to sites with internal site search functionality. Use when optimizing branded search result appearance or adding structured data for the first time.developmentgofrontendVotes: 0GitHub stars: 74,358
Word CountAUse when applies to key landing pages, blog posts, product pages, and any page targeting competitive queries. Use when diagnosing poor rankings or after a Google Helpful Content update.developmentgofrontendVotes: 0GitHub stars: 74,358
X Content TypeAUse when auditing HTTP response headers on any web server or CDN for security hardening.developmentjavascriptgoVotes: 0GitHub stars: 74,358
X Frame OptionsAUse when reviewing HTTP response headers for clickjacking protection on any web application with authenticated user actions.developmentgogitVotes: 0GitHub stars: 74,358
Ymyl DetectionAUse when applies to any site in health, medicine, finance, law, safety, news, or similar fields. Use when auditing content quality for sites in YMYL categories or investigating why high-quality-seeming content underperforms.developmentrustgoVotes: 0GitHub stars: 74,358
Zoom ReflowAUse when reviewing rendered HTML, interactive components, or design-system patterns related to Support content reflow at 400% zoom. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.developmentgofrontendVotes: 0GitHub stars: 74,358