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 |
|---|---|---|---|---|---|---|---|---|
| 97 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video. | thedaviddias/ | 74k | — | ~413 | Automated safety check: Pass | MIT | 5 days ago |
| 98 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use only allowed ARIA attributes for each role. | thedaviddias/ | 74k | — | ~450 | Automated safety check: Pass | MIT | 5 days ago |
| 99 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for ARIA command elements. | thedaviddias/ | 74k | — | ~462 | Automated safety check: Pass | MIT | 5 days ago |
| 100 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid using deprecated ARIA roles. | thedaviddias/ | 74k | — | ~441 | Automated safety check: Pass | MIT | 5 days ago |
| 101 | 101.Aria Dialog Name A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure dialogs have an accessible name. | thedaviddias/ | 74k | — | ~443 | Automated safety check: Pass | MIT | 5 days ago |
| 102 | 102.Aria Hidden Body A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Do not use aria-hidden on the document body. | thedaviddias/ | 74k | — | ~444 | Automated safety check: Pass | MIT | 5 days ago |
| 103 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Remove focusable elements from aria-hidden containers. | thedaviddias/ | 74k | — | ~468 | Automated safety check: Pass | MIT | 5 days ago |
| 104 | 104.Aria Labels A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for all interactive elements. | thedaviddias/ | 74k | — | ~436 | Automated safety check: Pass | MIT | 5 days ago |
| 105 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Announce dynamic content with ARIA live regions. | thedaviddias/ | 74k | — | ~478 | Automated safety check: Pass | MIT | 5 days ago |
| 106 | 106.Aria Meter Name A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for meter elements. | thedaviddias/ | 74k | — | ~446 | Automated safety check: Pass | MIT | 5 days ago |
| 107 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for progress bars. | thedaviddias/ | 74k | — | ~499 | Automated safety check: Pass | MIT | 5 days ago |
| 108 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Include required ARIA attributes for roles. | thedaviddias/ | 74k | — | ~459 | Automated safety check: Pass | MIT | 5 days ago |
| 109 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA roles are contained by required parent roles. | thedaviddias/ | 74k | — | ~498 | Automated safety check: Pass | MIT | 5 days ago |
| 110 | 110.Aria Text A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid focusable descendants in role='text' elements. | thedaviddias/ | 74k | — | ~486 | Automated safety check: Pass | MIT | 5 days ago |
| 111 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for toggle fields. | thedaviddias/ | 74k | — | ~453 | Automated safety check: Pass | MIT | 5 days ago |
| 112 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for tooltips. | thedaviddias/ | 74k | — | ~464 | Automated safety check: Pass | MIT | 5 days ago |
| 113 | 113.Aria Valid Attr A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA attributes are valid. | thedaviddias/ | 74k | — | ~426 | Automated safety check: Pass | MIT | 5 days ago |
| 114 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid values for ARIA attributes. | thedaviddias/ | 74k | — | ~456 | Automated safety check: Pass | MIT | 5 days ago |
| 115 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigation. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | 5 days ago |
| 116 | 116.Browser Required A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Perform browser-based performance audits. | thedaviddias/ | 74k | — | ~448 | Automated safety check: Pass | MIT | 5 days ago |
| 117 | 117.Button Name A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for buttons. | thedaviddias/ | 74k | — | ~488 | Automated safety check: Pass | MIT | 5 days ago |
| 118 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Make carousels accessible. | thedaviddias/ | 74k | — | ~422 | Automated safety check: Pass | MIT | 5 days ago |
| 119 | 119.Cdn A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Use a content delivery network. | thedaviddias/ | 74k | — | ~405 | Automated safety check: Pass | MIT | 5 days ago |
| 120 | 120.Compression A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Enable text-based compression. | thedaviddias/ | 74k | — | ~421 | Automated safety check: Pass | MIT | 5 days ago |
| 121 | 121.Consent Mode A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Implement Google Consent Mode v2. | thedaviddias/ | 74k | — | ~425 | Automated safety check: Pass | MIT | 5 days ago |
| 122 | 122.Consistent Help A skill your agent uses when reviewing support UI across multi-page flows such as checkout, onboarding, account recovery, or support journeys. | thedaviddias/ | 74k | — | ~482 | Automated safety check: Pass | MIT | 5 days ago |
| 123 | 123.Critical Images A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. | thedaviddias/ | 74k | — | ~392 | Automated safety check: Pass | MIT | 5 days ago |
| 124 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Minimize critical request chains. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | 5 days ago |
| 125 | 125.CSS Critical A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. | thedaviddias/ | 74k | — | ~441 | Automated safety check: Pass | MIT | 5 days ago |
| 126 | 126.CSS File Size A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. | thedaviddias/ | 74k | — | ~399 | Automated safety check: Pass | MIT | 5 days ago |
| 127 | 127.CSS Minification A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Minify all CSS files. | thedaviddias/ | 74k | — | ~415 | Automated safety check: Pass | MIT | 5 days ago |
| 128 | 128.CSS Non Blocking A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Load CSS without blocking render. | thedaviddias/ | 74k | — | ~416 | Automated safety check: Pass | MIT | 5 days ago |
| 129 | 129.CSS Order A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. | thedaviddias/ | 74k | — | ~404 | Automated safety check: Pass | MIT | 5 days ago |
| 130 | 130.CSS Print A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Include a print stylesheet. | thedaviddias/ | 74k | — | ~422 | Automated safety check: Pass | MIT | 5 days ago |
| 131 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Minimize cumulative layout shift. | thedaviddias/ | 74k | — | ~438 | Automated safety check: Pass | MIT | 5 days ago |
| 132 | 132.Definition List A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct definition list structure. | thedaviddias/ | 74k | — | ~449 | Automated safety check: Pass | MIT | 5 days ago |
| 133 | 133.Dlitem A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Wrap definition items in a definition list. | thedaviddias/ | 74k | — | ~438 | Automated safety check: Pass | MIT | 5 days ago |
| 134 | 134.Dom Size A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Reduce DOM size and complexity. | thedaviddias/ | 74k | — | ~390 | Automated safety check: Pass | MIT | 5 days ago |
| 135 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Make drag and drop accessible. | thedaviddias/ | 74k | — | ~424 | Automated safety check: Pass | MIT | 5 days ago |
| 136 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for active elements. | thedaviddias/ | 74k | — | ~440 | Automated safety check: Pass | MIT | 5 days ago |
| 137 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for ARIA references. | thedaviddias/ | 74k | — | ~451 | Automated safety check: Pass | MIT | 5 days ago |
| 138 | 138.Duplicate JS A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries. | thedaviddias/ | 74k | — | ~423 | Automated safety check: Pass | MIT | 5 days ago |
| 139 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Avoid embedded and inline CSS. | thedaviddias/ | 74k | — | ~435 | Automated safety check: Pass | MIT | 5 days ago |
| 140 | 140.Empty Heading A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure headings contain text. | thedaviddias/ | 74k | — | ~426 | Automated safety check: Pass | MIT | 5 days ago |
| 141 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Make file uploads accessible. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | 5 days ago |
| 142 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. | thedaviddias/ | 74k | — | ~427 | Automated safety check: Pass | MIT | 5 days ago |
| 143 | 143.Flexbox Patterns A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Apply Flexbox best practices. | thedaviddias/ | 74k | — | ~479 | Automated safety check: Pass | MIT | 5 days ago |
| 144 | 144.Focus Management A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Manage focus during dynamic interactions. | thedaviddias/ | 74k | — | ~465 | Automated safety check: Pass | MIT | 5 days ago |
