hamzaoui louai abdelouadoud
Community@Hamzaoui-Louai
A frontend engineering skill registry covering React, Next.js, TypeScript, Tailwind design systems, and clean-code refactoring practices.
Agent Skills by hamzaoui louai abdelouadoud
Showing 26 vetted skills indexed across 1 GitHub repositories.
Hamzaoui-Louaireact-patterns
Guides React component design, hooks, state management, and performance optimization decisions.
Hamzaoui-Louaiclean-code
Reviews and refactors source code using Robert C. Martin's Clean Code principles.
Hamzaoui-Louaifrontend-architecture
Organizes React and React Native apps into feature modules with strict state and import rules.
Hamzaoui-Louaicodebase-cleanup-tech-debt
Analyze codebases to identify, quantify, and prioritize technical debt with remediation plans.
Hamzaoui-Louainextjs-best-practices
Guides Next.js App Router development with Server Components, routing, and caching patterns.
Hamzaoui-Louaivercel-deployment
Configure and deploy Next.js applications to Vercel with environment variables and runtimes.
Hamzaoui-Louaireact-state-management
Implements React state management patterns using Redux Toolkit, Zustand, Jotai, and React Query.
Hamzaoui-Louaiweb-performance-optimization
Diagnose and optimize website performance including Core Web Vitals, bundle size, and caching.
Hamzaoui-Louaicode-polish
Rewrites unprofessional code comments and performs non-semantic cleanup without altering logic.
Hamzaoui-Louaishadcn
Manages shadcn/ui components, registries, and styling rules for building React design systems.
Hamzaoui-Louaifrontend-security-coder
Implements XSS prevention, CSP configuration, and secure DOM manipulation for frontend applications.
Hamzaoui-Louaitypescript-pro
Implements strongly-typed TypeScript architectures with generics, strict compiler settings, and utility types.
Hamzaoui-Louaitesting-patterns
Write Jest unit tests using factory functions, mocking strategies, and TDD workflow.
Hamzaoui-Louaireact-best-practices
Applies 45 performance optimization rules to React and Next.js code.
Hamzaoui-Louaiui-ux-designer
Create interface designs, wireframes, and design systems with accessibility-first workflows.
Hamzaoui-Louaiui-component
Generate React UI components following StyleSeed design conventions and Tailwind v4 tokens.
Hamzaoui-Louaitailwind-patterns
Implements Tailwind CSS v4 patterns including CSS-first configuration, container queries, and design tokens.
Hamzaoui-Louaicode-simplification
Refactors working code to reduce complexity while preserving exact behavior.
Hamzaoui-Louaisimplify-code
Reviews code diffs for reuse, quality, efficiency, and clarity issues using parallel sub-agents.
Hamzaoui-Louaicode-simplifier
Refactors recently modified code for clarity and consistency while preserving functionality.
Hamzaoui-Louaitailwind-design-system
Build Tailwind CSS design systems with tokens, CVA variants, and dark mode.
Hamzaoui-Louaiuncle-bob-craft
Review and refactor code using Clean Code, Clean Architecture, and SOLID principles.
Hamzaoui-Louaicode-refactoring-refactor-clean
Refactor code using clean code principles, SOLID patterns, and incremental improvement plans.
Hamzaoui-Louaiclean-code-guard
Review generated or changed code against Clean Code, SOLID, DRY, KISS, YAGNI, and LLM failure-mode rules.
Frequently Asked Questions About hamzaoui louai abdelouadoud
FAQPage SchemaWhat tasks can I accomplish with Hamzaoui-Louai's skill registry?▼
You can apply React hooks and composition patterns, structure Next.js App Router projects, manage state with Redux Toolkit, Zustand, Jotai, or React Query, refactor code using Clean Code and SOLID principles, write Jest tests with TDD, and build Tailwind CSS design systems with shadcn/ui components.
Who should use these frontend and code-quality skills?▼
Frontend engineers, React and Next.js developers, TypeScript specialists, and UI/UX designers benefit most. The registry also serves tech leads performing code reviews, technical debt assessments, and codebase cleanup, plus teams enforcing XSS prevention and client-side security practices.
Are these skills free to use and under what licenses?▼
Yes, all skills are community-sourced and free. Several carry explicit open-source licenses: frontend-architecture, ui-component, and code-simplification are MIT-licensed, while vercel-deployment comes from vibeship-spawner-skills under Apache 2.0. Remaining skills are community contributions without stated fees.
What prerequisites or dependencies do these skills require?▼
Skills assume familiarity with the React and Next.js ecosystems, TypeScript, and Tailwind CSS. Specific skills reference Redux Toolkit, Zustand, Jotai, React Query, Jest, and shadcn/ui. The uncle-bob-craft skill lists compatibility with Claude, Cursor, and Gemini environments.
How do the refactoring and clean-code skills differ from each other?▼
clean-code and uncle-bob-craft apply Robert C. Martin's principles during reviews, code-simplifier and code-simplification reduce complexity while preserving behavior, code-polish rewrites unprofessional comments without altering logic, and clean-code-guard audits production code against SOLID, DRY, KISS, and YAGNI checks.