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 |
|---|---|---|---|---|---|---|---|---|
| 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 | A skill your agent uses when implementing user account configuration and preferences. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 5 | A skill your agent uses when implementing help users understand their current location. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 6 | 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 |
| 7 | 7.Button A skill your agent uses when you need to trigger actions and submit forms. | thedaviddias/ | 259 | — | ~695 | Automated safety check: Pass | Unknown | 6 days ago |
| 8 | 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 |
| 9 | A skill your agent uses when implementing verify codes with segmented input. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 10 | 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 |
| 11 | 11.Color Picker A skill your agent uses when implementing select colors with visual feedback. | thedaviddias/ | 259 | — | ~1.3k | Automated safety check: Pass | Unknown | 6 days ago |
| 12 | A skill your agent uses when implementing enter and format monetary values. | thedaviddias/ | 259 | — | ~1.3k | Automated safety check: Pass | Unknown | 6 days ago |
| 13 | 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 |
| 14 | 14.Date Input A skill your agent uses when implementing enter dates in a structured text format. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 15 | 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 |
| 16 | 16.Date Picker A skill your agent uses when implementing select dates from a calendar interface. | thedaviddias/ | 259 | — | ~1.5k | Automated safety check: Pass | Unknown | 6 days ago |
| 17 | 17.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 |
| 18 | 18.Date Range A skill your agent uses when implementing select a range between two dates. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 19 | 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 |
| 20 | 20.File Input A skill your agent uses when you need to upload and handle files. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 21 | 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 |
| 22 | 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 |
| 23 | 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 |
| 24 | 24.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 |
| 25 | 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 |
| 26 | 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 |
| 27 | 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 |
| 28 | 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 |
| 29 | 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 |
| 30 | 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 |
| 31 | 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 |
| 32 | 32.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 |
| 33 | 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 |
| 34 | 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 |
| 35 | 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 |
| 36 | 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 |
| 37 | 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 |
| 38 | 38.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 |
| 39 | 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 |
| 40 | 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 |
| 41 | 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 |
| 42 | 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 |
| 43 | 43.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 |
| 44 | 44.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 |
| 45 | 45.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 |
| 46 | 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 |
| 47 | 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 |
| 48 | 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 |
