Skill collection
thedaviddias/Front-End-Checklist agent skills
- skills
- 390
- GitHub stars
- 74k
GitHub description: “🗂 The essential checklist for modern web development, for humans and AI agents”
- Stars
- 74,398 (6,757 forks)
- Licence
- MIT
- Last push
- Oct 2026
- Created
- Oct 2017
- Homepage
- frontendchecklist.io
- frontend
- front-end-development
- front-end-developer-tool
- guidelines
- checklist
- reference
- web-development
- html
- css
- javascript
- lists
- resources
- ai-agent
- ai-agents
- rules
Install all skills
npx skills add thedaviddias/Front-End-ChecklistAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in thedaviddias/Front-End-Checklist, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | 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 | 2 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 | 2 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 | 2 days ago |
| 4 | Audits article pages for freshness signals, covering the Last-Modified header, Article JSON-LD dateModified and a visible last-updated date, and fixes mismatches. | thedaviddias/ | 74k | — | ~741 | Automated safety check: Pass | MIT | 2 days ago |
| 5 | Audits and fixes geo.region, geo.placename and geo.position meta tags on regional pages, noting where they help (Bing) and where they do not (Google). | thedaviddias/ | 74k | — | ~763 | Automated safety check: Pass | MIT | 2 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 | 2 days ago |
| 7 | 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 | 2 days ago |
| 8 | 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 | 2 days ago |
| 9 | 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 | 2 days ago |
| 10 | 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 | 2 days ago |
| 11 | 11.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 | 2 days ago |
| 12 | 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 | 2 days ago |
| 13 | 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 | 2 days ago |
| 14 | 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 | 2 days ago |
| 15 | 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 | 2 days ago |
| 16 | 16.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 | 2 days ago |
| 17 | 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 | 2 days ago |
| 18 | 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 | 2 days ago |
| 19 | 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 | 2 days ago |
| 20 | 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 | 2 days ago |
| 21 | 21.Avoid Eval A skill your agent uses when reviewing scripts, client components, bundles, or runtime behavior related to Never use eval() or unsafe dynamic code execution. | thedaviddias/ | 74k | — | ~554 | Automated safety check: Pass | MIT | 2 days ago |
| 22 | A skill your agent uses when reviewing navigation performance, browser lifecycle events, or resume-from-memory behavior. | thedaviddias/ | 74k | — | ~541 | Automated safety check: Pass | MIT | 2 days ago |
| 23 | A skill your agent uses when reviewing HTML source and JavaScript for links or resource URLs pointing to domains listed in common adblocker filter lists. | thedaviddias/ | 74k | — | ~585 | Automated safety check: Pass | MIT | 2 days ago |
| 24 | 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 | 2 days ago |
| 25 | 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 | 2 days ago |
| 26 | 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 | 2 days ago |
| 27 | 27.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 | 2 days ago |
| 28 | 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 | 2 days ago |
| 29 | A skill your agent uses when reviewing headers, forms, cookies, or third-party integrations related to Implement a content security policy. | thedaviddias/ | 74k | — | ~611 | Automated safety check: Pass | MIT | 2 days ago |
| 30 | 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 | 2 days ago |
| 31 | A skill your agent uses when setting up integration testing for a frontend-backend API boundary, evaluating whether two services are safe to deploy independently, or replacing slow end-to-end tests… | thedaviddias/ | 74k | — | ~548 | Automated safety check: Pass | MIT | 2 days ago |
| 32 | A skill your agent uses when reviewing a website for GDPR/CCPA compliance, specifically whether cookie consent is obtained before non-essential cookies are set. | thedaviddias/ | 74k | — | ~637 | Automated safety check: Pass | MIT | 2 days ago |
| 33 | A skill your agent uses when reviewing security-sensitive web apps, SharedArrayBuffer usage, worker-heavy apps, editors, or measurement features that require cross-origin isolation. | thedaviddias/ | 74k | — | ~565 | Automated safety check: Pass | MIT | 2 days ago |
| 34 | A skill your agent uses when reviewing scripts, client components, bundles, or runtime behavior related to Handle cross-origin requests securely. | thedaviddias/ | 74k | — | ~595 | Automated safety check: Pass | MIT | 2 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 | 2 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 | 2 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 | 2 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 | 2 days ago |
| 39 | A skill your agent uses when reviewing utility functions, component props, or template strings that format numbers, prices, or dates to check whether Intl APIs are used correctly. | thedaviddias/ | 74k | — | ~593 | Automated safety check: Pass | MIT | 2 days ago |
| 40 | 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 | 2 days ago |
| 41 | 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 | 2 days ago |
| 42 | A skill your agent uses when reviewing form components, API payloads, or client-side storage to identify fields that are collected but not consumed by a stated feature. | thedaviddias/ | 74k | — | ~607 | Automated safety check: Pass | MIT | 2 days ago |
| 43 | 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 | 2 days ago |
| 44 | 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 | 2 days ago |
| 45 | 45.Defer Async A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Load scripts with defer, async, or type=module. | thedaviddias/ | 74k | — | ~494 | Automated safety check: Pass | MIT | 2 days ago |
| 46 | 46.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 | 2 days ago |
| 47 | A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Set text direction for RTL languages. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 2 days ago |
| 48 | 48.Disclaimers A skill your agent uses when auditing YMYL content pages for trust signals, generating disclaimer copy for medical or financial content, or reviewing affiliate disclosure requirements under FTC or… | thedaviddias/ | 74k | — | ~847 | Automated safety check: Pass | MIT | 2 days ago |
Questions, answered from the data.
What is the best skill in thedaviddias/Front-End-Checklist?
Content Dates Audit from thedaviddias/Front-End-Checklist ranks first of the 390 skills in thedaviddias/Front-End-Checklist listed here, with the highest score: its repository has 74k GitHub stars, its SKILL.md loads about 691 tokens and it passes the automated safety check with no findings. Next come FAQPage Schema Markup and Favicon Audit and Setup.
Are the skills in thedaviddias/Front-End-Checklist official?
None yet. All 390 skills in thedaviddias/Front-End-Checklist listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from thedaviddias/Front-End-Checklist?
Run npx skills add thedaviddias/Front-End-Checklist in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.