Sohayb Raqaq
Community@Eng-suso · genoa
Management Engineering MSc student building AI-powered systems for process analysis, workflow automation and operational decision-making.
Agent Skills by Sohayb Raqaq
Showing 20 vetted skills indexed across 1 GitHub repositories.
Eng-susoreact-patterns
Guides React component design, hooks, state management, and TypeScript best practices.
Eng-susoui-ux-pro-max
Generates UI/UX design systems and searches style, color, typography, and stack guidelines via BM25.
Eng-susofrontend-dev-guidelines
Enforces opinionated React and TypeScript standards for Suspense-first frontend development.
Eng-susofrontend-developer
Builds React and Next.js components with accessibility, performance, and state management guidance.
Eng-susoradix-ui-design-system
Build accessible React component libraries using Radix UI headless primitives.
Eng-susoautofix
Review and apply CodeRabbit PR feedback from GitHub with per-change approval.
Eng-susoaccessibility-compliance-accessibility-audit
Audit web interfaces for WCAG compliance using automated scans and manual testing checklists.
Eng-susoweb-design-guidelines
Review UI code files against fetched Web Interface Guidelines and report findings.
Eng-susoreact-state-management
Implements React state management patterns using Redux Toolkit, Zustand, Jotai, and React Query.
Eng-susocode-review
Reviews code changes with CodeRabbit CLI and groups findings by severity.
Eng-susowcag-audit-patterns
Audit web content against WCAG 2.2 criteria with automated scans and manual verification checklists.
Eng-susoscreen-reader-testing
Test web applications with VoiceOver, NVDA, JAWS, and TalkBack screen readers.
Eng-susovercel-react-best-practices
Applies React and Next.js performance optimization rules when writing, reviewing, or refactoring code.
Eng-susoui-ux-designer
Create interface designs, wireframes, and design systems with accessibility-first workflows.
Eng-susoreact-ui-patterns
Implements React UI patterns for loading states, error handling, and async data fetching.
Eng-susozustand-store-ts
Creates TypeScript Zustand stores with subscribeWithSelector middleware and separated state and actions.
Eng-susotailwind-patterns
Implements Tailwind CSS v4 styling with CSS-first configuration, container queries, and design tokens.
Eng-susotailwind-design-system
Builds Tailwind CSS design systems with tokens, CVA variants, and dark mode.
Eng-susoui-visual-validator
Validates UI modifications through screenshot analysis, visual regression testing, and accessibility verification.
Eng-susoreact-flow-node-ts
Create React Flow node components with TypeScript types and Zustand store integration.
Frequently Asked Questions About Sohayb Raqaq
FAQPage SchemaWhat tasks can I accomplish with Eng-suso's skill registry?▼
You can build React 19 and Next.js 15 components, create Tailwind and Radix UI design systems, manage state with Zustand, Redux Toolkit, Jotai, or React Query, conduct WCAG 2.2 accessibility audits, run screen reader tests, validate UI visually, and apply CodeRabbit pull request review feedback.
Who should use these frontend and accessibility skills?▼
Frontend engineers working with React, TypeScript, Next.js, Vue, Svelte, or Flutter benefit most, alongside UI/UX designers building design systems and accessibility specialists performing WCAG compliance audits, screen reader validation, and inclusive design remediation on web and mobile interfaces.
How do the accessibility audit skills work in practice?▼
The wcag-audit-patterns and accessibility-audit skills combine automated testing with manual verification to identify WCAG 2.2 violations, then provide remediation guidance. The screen-reader-testing skill validates compatibility with VoiceOver, NVDA, and JAWS to confirm assistive technology support.
What state management options do these skills cover?▼
The react-state-management skill covers Redux Toolkit, Zustand, Jotai, and React Query for global and server state. The zustand-store-ts skill adds TypeScript store creation with subscribeWithSelector middleware and clean state/action separation for reactive React applications.
Are there prerequisites for using these frontend skills?▼
Skills assume a modern JavaScript ecosystem: React 19, Next.js 15, TypeScript strict mode, Tailwind CSS v4, and MUI v7 appear across manifests. Code review skills require GitHub pull requests with CodeRabbit feedback; design skills reference shadcn/ui MCP integration for component search.