Web & Frontend

1,641 skills
tinh2
Mobile QA
Runs a comprehensive mobile QA audit covering permissions, deep links, push notifications, offline mode, background/foreground transitions, memory leaks, network conditions, accessibility, and platform edge cases for Flutter, React Native, and native iOS/Android apps.
13
tinh2
Responsive
Audits and fixes responsive design issues across breakpoints, including fixed widths, missing media queries, non-responsive images, undersized touch targets, and horizontal scroll, with framework detection and verification at mobile, tablet, desktop, and wide viewports.
13
tinh2
Broken Links
Scans a codebase for broken links and references, auto-fixes what it can, and flags what needs human review.
13
tinh2
Design Adapt
Audits and fixes interfaces to adapt across screen sizes and input modalities using container queries, adaptive navigation, and platform-aware layouts for web, mobile, tablet, and desktop.
13
tinh2
Design Audit
Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.
13
tinh2
Mobile Sweep
Runs a headless-Chromium sweep at phone/tablet widths to catch off-screen overflow, tiny touch targets, clipped text, and oversized modals, then reports each offender with a screenshot and a concrete fix.
13 · bundle
pranavnagrecha
Screen Flows
Guides the design and review of interactive Salesforce Flow screens, covering navigation, validation, component choice, and commit timing to avoid common UX failures.
15 · bundle
pranavnagrecha
Drag And Drop
Implements accessible drag-and-drop in Lightning Web Components using the HTML5 Drag and Drop API, with keyboard alternatives, live-region announcements, and file drop zones.
15 · bundle
pranavnagrecha
Lwc Performance
Optimizes Lightning Web Components for slow initial load, heavy rerenders, large-list rendering, payload reduction, and lazy instantiation choices such as lwc:if, tabs, or dynamic components.
15 · bundle
pranavnagrecha
Lwc Accessibility
Guides designing or reviewing Lightning Web Components for keyboard access, semantic labeling, and focus management, prioritizing base components over custom ARIA.
15 · bundle
pranavnagrecha
Lwc Custom Lookup
Builds a custom LWC lookup component with typeahead search via Apex SOSL/SOQL, debounce, keyboard navigation, and pill UI for cases where standard pickers fall short.
15 · bundle
pranavnagrecha
Lwc Drag And Drop
Implements HTML5 drag-and-drop in Lightning Web Components, covering dataTransfer usage, drop targets, visual states, and keyboard accessibility.
15 · bundle
pranavnagrecha
Lwc Styling Hooks
Theme Salesforce Lightning base components and custom LWCs using SLDS Styling Hooks, covering global and component hooks, shadow DOM considerations, Experience Cloud theming, and SLDS 2 migration.
15 · bundle
pranavnagrecha
Lwc Template Refs
Migrate LWC components from fragile querySelector lookups to typed lwc:ref handles, with guidance on lifecycle timing, shadow boundaries, and iterator limitations.
15 · bundle
pranavnagrecha
Lwc CSS And Styling
Style Lightning Web Components using SLDS design tokens, styling hooks, scoped CSS, and ::part() while avoiding common pitfalls like !important and shadow-DOM piercing.
15 · bundle
pranavnagrecha
Lwc Lightning Modal
Build accessible modal dialogs in LWC using the LightningModal base class, covering open(), close(), sizes, and accessibility.
15 · bundle
pranavnagrecha
Lwc Pubsub Patterns
Implements sibling communication between Lightning Web Components using Lightning Message Service (LMS) or the legacy pubsub utility, covering message channel definition, publish/subscribe patterns, and scope selection.
15 · bundle
comeonoliver
Vue
Write Vue 3 single-file components using the Composition API with script setup, covering reactivity, lifecycle, and built-in components.
61
comeonoliver
Nuxt
Develop Nuxt 3 full-stack Vue applications with SSR, file-based routing, auto-imports, data fetching, and deployment guidance.
61
comeonoliver
Fd
Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.
61
comeonoliver
Slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.
61
comeonoliver
Unocss
Configure and use UnoCSS, an instant atomic CSS engine that is a superset of Tailwind CSS, including rules, shortcuts, presets, and integrations.
61
comeonoliver
Use Dom
Run web code in a webview on native platforms and as-is on web using Expo DOM components, enabling incremental migration of web code to native.
61
comeonoliver
Adapt
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
61
comeonoliver
Vitepress
Build documentation sites with VitePress, covering configuration, Markdown, Vue components, themes, and deployment.
61
comeonoliver
Polish
Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.
61
dvcrn
Aeo
Runs AEO audits on deployed sites, applies targeted fixes, validates JSON-LD schema, generates llms.txt files, and monitors changes over time.
32
dvcrn
Astro
Deploy multilingual static websites for free on Cloudflare using the Astro framework, with support for i18n content, content collections, and direct or Git-based deployment.
32 · bundle
lingxling
Astro
Build content-focused websites with Astro, leveraging islands architecture, zero-JS defaults, multi-framework components, and Markdown/MDX support.
253
dangquangse
Team Fe
Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.
19 · bundle
dangquangse
Mermaidjs V11
Create text-based diagrams and visualizations using Mermaid.js v11 syntax, covering flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, and more. Includes CLI conversion to SVG/PNG/PDF, JavaScript integration, theming, and configuration options.
19 · bundle
leandrobenjaminl
Frontend Senior
Guides frontend development with React, TypeScript, and modern tooling, enforcing component-first, mobile-first, and testing practices.
0
leandrobenjaminl
Frontend Testing
Escribe tests de frontend centrados en el usuario con Vitest, Testing Library y Playwright, cubriendo unit, integración y E2E, y configura el runner de tests.
0
leandrobenjaminl
Frontend CSS Styling
Guides choosing between Tailwind, CSS Modules, and global CSS with BEM, and implementing responsive layouts with Grid, Flexbox, and Container Queries.
0
leandrobenjaminl
Frontend E2e Testing
Guides end-to-end testing of frontend applications using Playwright or Cypress, covering multi-page user flows in real browsers, API mocking, and CI integration.
0
leandrobenjaminl
Frontend API Integration
Consume APIs from the frontend with TanStack Query, fetch, or SWR, including caching, refetching, optimistic updates, and error handling.
0