Search
Frontend & Design · thedaviddias/Front-End-Checklist
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Audits article and blog pages for visible publish dates, Article JSON-LD with datePublished and dateModified, and Open Graph time tags, then fixes what is missing. | thedaviddias/ | 74k | — | ~691 | Automated safety check: Pass | MIT | 5 days ago |
| 2 | Adds, checks and fixes FAQPage JSON-LD on pages with visible question-and-answer sections so it matches what readers see and can qualify for rich results. | thedaviddias/ | 74k | — | ~774 | Automated safety check: Pass | MIT | 5 days ago |
| 3 | Checks that a site's favicon is linked, reachable and large enough for Google search results, and sets up ICO, SVG and Apple touch icon files when they are missing. | thedaviddias/ | 74k | — | ~731 | Automated safety check: Pass | MIT | 5 days ago |
| 4 | Scores and rewrites a Front-End Checklist rule MDX file against a scored quality rubric, replacing generic stub prompts with specific, actionable ones. | thedaviddias/ | 74k | — | ~1.3k | Automated safety check: Pass | MIT | 5 days ago |
| 5 | Finds two or three well-maintained npm packages for a Front-End Checklist rule, checks download and release thresholds, and adds them to the rule's frontmatter. | thedaviddias/ | 74k | — | ~989 | Automated safety check: Pass | MIT | 5 days ago |
| 6 | Runs the frontendchecklist CLI against local files or a deployed URL to check code against 380+ accessibility, performance, SEO and security rules, with fixable, cited findings. | thedaviddias/ | 74k | — | ~692 | Automated safety check: Pass | MIT | 5 days ago |
| 7 | Reviews sign-in, MFA, CAPTCHA and recovery flows for accessibility barriers such as blocked paste, memorized codes and transcription, and suggests fixes. | thedaviddias/ | 74k | — | ~579 | Automated safety check: Pass | MIT | 5 days ago |
| 8 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic table markup for screen readers. | thedaviddias/ | 74k | — | ~521 | Automated safety check: Pass | MIT | 5 days ago |
| 9 | 9.Alt Text A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Provide meaningful alt text for images. | thedaviddias/ | 74k | — | ~775 | Automated safety check: Pass | MIT | 5 days ago |
| 10 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option. | thedaviddias/ | 74k | — | ~517 | Automated safety check: Pass | MIT | 5 days ago |
| 11 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations. | thedaviddias/ | 74k | — | ~529 | Automated safety check: Pass | MIT | 5 days ago |
| 12 | A skill your agent uses when applies to all <input (except type=hidden), <textarea, <select, and custom form widgets using role=textbox, role=combobox, role=spinbutton, role=searchbox, or… | thedaviddias/ | 74k | — | ~853 | Automated safety check: Pass | MIT | 5 days ago |
| 13 | A skill your agent uses when applies to custom ARIA widgets using composite roles: tablist, list, listbox, menu, menubar, tree, treegrid, grid, rowgroup, row, radiogroup. | thedaviddias/ | 74k | — | ~906 | Automated safety check: Pass | MIT | 5 days ago |
| 14 | 14.Aria Roles A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid ARIA role values. | thedaviddias/ | 74k | — | ~515 | Automated safety check: Pass | MIT | 5 days ago |
| 15 | A skill your agent uses when applies to custom tree widgets built with role='tree', role='treeitem', and role='group'. | thedaviddias/ | 74k | — | ~851 | Automated safety check: Pass | MIT | 5 days ago |
| 16 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide audio descriptions for video. | thedaviddias/ | 74k | — | ~549 | Automated safety check: Pass | MIT | 5 days ago |
| 17 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autofocus on form fields. | thedaviddias/ | 74k | — | ~508 | Automated safety check: Pass | MIT | 5 days ago |
| 18 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. | thedaviddias/ | 74k | — | ~515 | Automated safety check: Pass | MIT | 5 days ago |
| 19 | A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Fix broken images. | thedaviddias/ | 74k | — | ~728 | Automated safety check: Pass | MIT | 5 days ago |
| 20 | A skill your agent uses 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. | thedaviddias/ | 74k | — | ~514 | Automated safety check: Pass | MIT | 5 days ago |
| 21 | A skill your agent uses 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… | thedaviddias/ | 74k | — | ~851 | Automated safety check: Pass | MIT | 5 days ago |
| 22 | 22.Color Oklch A skill your agent uses when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays. | thedaviddias/ | 74k | — | ~564 | Automated safety check: Pass | MIT | 5 days ago |
| 23 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for component-level responsiveness. | thedaviddias/ | 74k | — | ~526 | Automated safety check: Pass | MIT | 5 days ago |
| 24 | A skill your agent uses when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning. | thedaviddias/ | 74k | — | ~548 | Automated safety check: Pass | MIT | 5 days ago |
| 25 | A skill your agent uses when implementing animated gradients, complex CSS transitions that involve custom property values, or building a typed design token system where custom property misuse should… | thedaviddias/ | 74k | — | ~602 | Automated safety check: Pass | MIT | 5 days ago |
| 26 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS containment to limit repaint scope. | thedaviddias/ | 74k | — | ~512 | Automated safety check: Pass | MIT | 5 days ago |
| 27 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens. | thedaviddias/ | 74k | — | ~492 | Automated safety check: Pass | MIT | 5 days ago |
| 28 | 28.CSS Grid A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional layouts. | thedaviddias/ | 74k | — | ~493 | Automated safety check: Pass | MIT | 5 days ago |
| 29 | A skill your agent uses when reviewing custom element class definitions or Web Component source code to check for missing ARIA reflection, keyboard handling, and form association. | thedaviddias/ | 74k | — | ~655 | Automated safety check: Pass | MIT | 5 days ago |
| 30 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Support dark mode with prefers-color-scheme. | thedaviddias/ | 74k | — | ~520 | Automated safety check: Pass | MIT | 5 days ago |
| 31 | A skill your agent uses when auditing a site's internal link graph for dead-end pages, suggesting related-content links to add to thin or standalone pages, or reviewing CMS templates that produce… | thedaviddias/ | 74k | — | ~683 | Automated safety check: Pass | MIT | 5 days ago |
| 32 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Hide decorative elements from assistive technology. | thedaviddias/ | 74k | — | ~672 | Automated safety check: Pass | MIT | 5 days ago |
| 33 | 33.Dimensions A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Set explicit width and height on images. | thedaviddias/ | 74k | — | ~926 | Automated safety check: Pass | MIT | 5 days ago |
| 34 | 34.Doctype A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist. | thedaviddias/ | 74k | — | ~831 | Automated safety check: Pass | MIT | 5 days ago |
| 35 | 35.Empty Links A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken links. | thedaviddias/ | 74k | — | ~508 | Automated safety check: Pass | MIT | 5 days ago |
| 36 | A skill your agent uses when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning resource loading order in the critical rendering path. | thedaviddias/ | 74k | — | ~535 | Automated safety check: Pass | MIT | 5 days ago |
| 37 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Prevent seizure-triggering flashing content. | thedaviddias/ | 74k | — | ~530 | Automated safety check: Pass | MIT | 5 days ago |
| 38 | A skill your agent uses when reviewing sticky navigation, consent banners, chat widgets, skip links, or any fixed-position UI. | thedaviddias/ | 74k | — | ~490 | Automated safety check: Pass | MIT | 5 days ago |
| 39 | 39.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 |
| 40 | 40.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 |
| 41 | 41.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 |
| 42 | 42.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 |
| 43 | 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 |
| 44 | 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 |
| 45 | 45.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 |
| 46 | 46.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 |
| 47 | 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 |
| 48 | A skill your agent uses when applies to all CSS layout rules. | thedaviddias/ | 74k | — | ~905 | Automated safety check: Pass | MIT | 5 days ago |
