Search
Frontend & Design · By thedaviddias
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 49 | 49.Focus Order A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure logical focus order. | thedaviddias/ | 74k | — | ~519 | Automated safety check: Pass | MIT | 5 days ago |
| 50 | 50.Focus Styles A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Provide visible custom focus indicators. | thedaviddias/ | 74k | — | ~639 | Automated safety check: Pass | MIT | 5 days ago |
| 51 | 51.Font Size A skill your agent uses when applies to all CSS font-size declarations, particularly those using px units for body text, UI labels, and navigation. | thedaviddias/ | 74k | — | ~896 | Automated safety check: Pass | MIT | 5 days ago |
| 52 | 52.Form Labels A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Associate labels with form controls. | thedaviddias/ | 74k | — | ~565 | Automated safety check: Pass | MIT | 5 days ago |
| 53 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly. | thedaviddias/ | 74k | — | ~633 | Automated safety check: Pass | MIT | 5 days ago |
| 54 | A skill your agent uses when auditing or improving any frontend codebase against the full Front-End Checklist rule corpus through one entry point. | thedaviddias/ | 74k | — | ~3.2k | Automated safety check: Pass | MIT | 5 days ago |
| 55 | 55.H1 A skill your agent uses 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. | thedaviddias/ | 74k | — | ~734 | Automated safety check: Pass | MIT | 5 days ago |
| 56 | 56.Has Selector A skill your agent uses 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… | thedaviddias/ | 74k | — | ~547 | Automated safety check: Pass | MIT | 5 days ago |
| 57 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use logical heading hierarchy. | thedaviddias/ | 74k | — | ~516 | Automated safety check: Pass | MIT | 5 days ago |
| 58 | A skill your agent uses when applies to all CSS layout rules. | thedaviddias/ | 74k | — | ~905 | Automated safety check: Pass | MIT | 5 days ago |
| 59 | A skill your agent uses when applies to XHTML documents and polyglot HTML documents that must parse correctly as both HTML5 and XML. | thedaviddias/ | 74k | — | ~799 | Automated safety check: Pass | MIT | 5 days ago |
| 60 | A skill your agent uses when auditing the image pipeline, static assets in public/, CMS-managed media, or image CDN transforms. | thedaviddias/ | 74k | — | ~792 | Automated safety check: Pass | MIT | 5 days ago |
| 61 | A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Optimize all images for web. | thedaviddias/ | 74k | — | ~715 | Automated safety check: Pass | MIT | 5 days ago |
| 62 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use inclusive language. | thedaviddias/ | 74k | — | ~520 | Automated safety check: Pass | MIT | 5 days ago |
| 63 | A skill your agent uses when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. | thedaviddias/ | 74k | — | ~1.1k | Automated safety check: Pass | MIT | 5 days ago |
| 64 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Enable keyboard navigation for all elements. | thedaviddias/ | 74k | — | ~567 | Automated safety check: Pass | MIT | 5 days ago |
| 65 | A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist. | thedaviddias/ | 74k | — | ~995 | Automated safety check: Pass | MIT | 5 days ago |
| 66 | 66.Length A skill your agent uses 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. | thedaviddias/ | 74k | — | ~764 | Automated safety check: Pass | MIT | 5 days ago |
| 67 | A skill your agent uses when applies to hyperlinks (<a elements) that appear inline within paragraphs or text blocks. | thedaviddias/ | 74k | — | ~918 | Automated safety check: Pass | MIT | 5 days ago |
| 68 | 68.Link Text A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use descriptive link text. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 5 days ago |
| 69 | 69.Listitem A skill your agent uses when applies to HTML documents with <li elements. | thedaviddias/ | 74k | — | ~819 | Automated safety check: Pass | MIT | 5 days ago |
| 70 | A skill your agent uses when reviewing image assets, icon libraries, or components that render illustrations to identify culture-specific content that may need locale overrides or replacement with… | thedaviddias/ | 74k | — | ~550 | Automated safety check: Pass | MIT | 5 days ago |
| 71 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i18n and RTL support. | thedaviddias/ | 74k | — | ~526 | Automated safety check: Pass | MIT | 5 days ago |
| 72 | 72.Meta Title A skill your agent uses when auditing page metadata or generating SEO-optimized titles. | thedaviddias/ | 74k | — | ~494 | Automated safety check: Pass | MIT | 5 days ago |
| 73 | 73.Mime Type A skill your agent uses when auditing server configuration or diagnosing broken resources. | thedaviddias/ | 74k | — | ~551 | Automated safety check: Pass | MIT | 5 days ago |
| 74 | A skill your agent uses when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTTP. | thedaviddias/ | 74k | — | ~579 | Automated safety check: Pass | MIT | 5 days ago |
| 75 | 75.Nosnippet A skill your agent uses when auditing robots meta tags. An agent skill from thedaviddias/Front-End-Checklist. | thedaviddias/ | 74k | — | ~531 | Automated safety check: Pass | MIT | 5 days ago |
| 76 | A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Lazy load offscreen images. | thedaviddias/ | 74k | — | ~842 | Automated safety check: Pass | MIT | 5 days ago |
| 77 | 77.Orientation A skill your agent uses when reviewing mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces. | thedaviddias/ | 74k | — | ~625 | Automated safety check: Pass | MIT | 5 days ago |
| 78 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternatives to parallax effects. | thedaviddias/ | 74k | — | ~523 | Automated safety check: Pass | MIT | 5 days ago |
| 79 | A skill your agent uses when reviewing CI configuration, bundle analysis workflows, or pull requests that add dependencies and assets. | thedaviddias/ | 74k | — | ~547 | Automated safety check: Pass | MIT | 5 days ago |
| 80 | A skill your agent uses when reviewing string concatenation involving counts, translation key lookups, or i18n library configurations to check whether plural forms are handled correctly for all… | thedaviddias/ | 74k | — | ~553 | Automated safety check: Pass | MIT | 5 days ago |
| 81 | 81.Quality A skill your agent uses when evaluating content pages for SEO quality. | thedaviddias/ | 74k | — | ~654 | Automated safety check: Pass | MIT | 5 days ago |
| 82 | A skill your agent uses when reviewing content pages for user experience and SEO. | thedaviddias/ | 74k | — | ~613 | Automated safety check: Pass | MIT | 5 days ago |
| 83 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Respect reduced motion preferences. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 5 days ago |
| 84 | 84.Robots Meta A skill your agent uses when applies to all HTML pages. An agent skill from thedaviddias/Front-End-Checklist. | thedaviddias/ | 74k | — | ~494 | Automated safety check: Pass | MIT | 5 days ago |
| 85 | A skill your agent uses when performing accessibility audits of web pages, components, or full user flows. | thedaviddias/ | 74k | — | ~1k | Automated safety check: Pass | MIT | 5 days ago |
| 86 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic list elements. | thedaviddias/ | 74k | — | ~504 | Automated safety check: Pass | MIT | 5 days ago |
| 87 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid sensory-only instructions. | thedaviddias/ | 74k | — | ~533 | Automated safety check: Pass | MIT | 5 days ago |
| 88 | A skill your agent uses when reviewing authenticated user flows or long forms. | thedaviddias/ | 74k | — | ~543 | Automated safety check: Pass | MIT | 5 days ago |
| 89 | 89.SVG Inline A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Manage inline SVG size and complexity. | thedaviddias/ | 74k | — | ~829 | Automated safety check: Pass | MIT | 5 days ago |
| 90 | A skill your agent uses when reviewing CSS for fixed dimensions, truncation, or overflow rules on elements that render translatable strings. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 5 days ago |
| 91 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid images of text. | thedaviddias/ | 74k | — | ~514 | Automated safety check: Pass | MIT | 5 days ago |
| 92 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing to 200%. | thedaviddias/ | 74k | — | ~509 | Automated safety check: Pass | MIT | 5 days ago |
| 93 | 93.Title Unique A skill your agent uses when applies to all HTML pages. An agent skill from thedaviddias/Front-End-Checklist. | thedaviddias/ | 74k | — | ~517 | Automated safety check: Pass | MIT | 5 days ago |
| 94 | A skill your agent uses when applies to all interactive elements on touchscreen interfaces: buttons, links, checkboxes, radio buttons, form inputs, icon buttons, and menu items. | thedaviddias/ | 74k | — | ~938 | Automated safety check: Pass | MIT | 5 days ago |
| 95 | A skill your agent uses when reviewing a codebase for internationalisation readiness, setting up an i18n library, or preparing strings for a new locale. | thedaviddias/ | 74k | — | ~494 | Automated safety check: Pass | MIT | 5 days ago |
| 96 | A skill your agent uses when applies especially to e-commerce checkouts, contact/lead forms, pricing pages, and YMYL (Your Money or Your Life) content. | thedaviddias/ | 74k | — | ~619 | Automated safety check: Pass | MIT | 5 days ago |
