David Dias
Community@thedaviddias · Toronto, Canada
Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (73K+ ⭐) and serving 100K+ devs
Agent Skills by David Dias
Showing 94 vetted skills indexed across 1 GitHub repositories.
thedaviddiasupstash-ratelimit-ts
Implement rate limiting with the Upstash Redis Rate Limiter TypeScript SDK.
thedaviddiasButton
Document button anatomy, variations, accessibility standards, and testing for triggering actions and submitting forms.
thedaviddiasAI Suggestions
Generate inline prompt completions and context-aware suggestions for text inputs.
thedaviddiasInfinite scroll
Implement an infinite scroll UI pattern for dynamically loading content.
thedaviddiasStatistics Display
Display key metrics and statistics for dashboards and landing pages.
thedaviddiasTabs
Implements tabbed interfaces with ARIA keyboard navigation and responsive design for organizing content into switchable views.
thedaviddiasSocial Login
Integrate OAuth 2.0 and OpenID Connect for user authentication via social providers.
thedaviddiasSidebar
Organize site navigation into a persistent vertical panel with nested collapsible sections.
thedaviddiasShare Dialog
Implement a standardized Share Dialog for social sharing actions.
thedaviddiasImage Upload
Upload and preview images with validation and replacement options.
thedaviddiasPagination
Implement accessible pagination controls with ARIA attributes and keyboard navigation.
thedaviddiasHamburger Menu
Implement a responsive hamburger menu with ARIA attributes and keyboard support.
thedaviddiasLoading Indicator
Implement loading indicators with keyboard and screen reader accessibility.
thedaviddiasExpandable Text
Implement expandable text components for progressive content disclosure on web interfaces.
thedaviddiasModel Selector
Clarify AI model capabilities, trade-offs, and availability for selection.
thedaviddiasTooltip
Implement accessible tooltip components with keyboard and screen reader support.
thedaviddiasDate Input
Validate date inputs against calendar rules and format constraints.
thedaviddiasSignature Pad
Capture handwritten signatures and consent marks via a digital canvas interface.
thedaviddiasPassword
Implement password input fields with masking, visibility toggles, and strength indicators.
thedaviddiasLike Button
Implement like and reaction buttons with state, count, and undo paths.
thedaviddiasCalendar View
Display dates and events in month, week, or agenda calendar views.
thedaviddiasRadio Button
Implement accessible radio button groups with semantic HTML and ARIA attributes.
thedaviddiasSearch Results
Display and filter ranked search results from large datasets.
thedaviddiasNavigation Menu
Create accessible navigation menus with keyboard and screen reader support.