CSS is My Superpower
Asyraf Hussin writes skills that guide an AI agent through front-end work with React, TypeScript, Vite and Tailwind CSS, covering responsive layouts, dark mode, state management with React Query and Zustand, and accessibility audits. His skills also extend to Laravel, including AI SDK features such as agents, embeddings and vector search, along with feature testing in Pest and PHPUnit. A distinctive part of his catalogue is a skill for spotting AI-generated code patterns in PHP and TypeScript reviews.
Agent Skills
24 skills · 102 stars · MIT
Api Design Patterns RESTful API design, error handling, versioning, and best practices.
Clean Code Principles SOLID principles, design patterns, DRY, KISS, and clean code fundamentals.
Code Slop Detect AI-generated code patterns ("slop") in PHP/Laravel and TypeScript/React source — comment n…
E2E Playwright Testing End-to-end testing with Playwright for web applications.
Git Workflow Git best practices, branching strategies, commit conventions, and PR workflows.
Laravel Ai Sdk Laravel AI SDK for building AI-powered features.
Laravel Best Practices Laravel 13 conventions and best practices.
Laravel Database Optimization Laravel database optimization patterns.
Laravel Inertia React Laravel + Inertia.js + React integration patterns.
Laravel Mcp Laravel MCP server development.
Laravel Owasp Security OWASP Top 10 security audit and secure coding guidelines for Laravel + React/Inertia.js applicati…
Laravel Queues Laravel 13 queue and job patterns — driver choice, job design (idempotency, ShouldQueue, model se…
Laravel Testing Laravel 13 testing with Pest PHP 4 or PHPUnit 12.
Php Best Practices PHP 8.x modern patterns, PSR standards, and SOLID principles.
Prd Writing Step-by-step workflow for writing Product Requirements Documents.
Project Docs Project documentation lifecycle for PHP/Laravel and Node/TypeScript/React projects — bootstrappin…
React Vite Best Practices React and Vite performance optimization guidelines.
Seo Best Practices SEO patterns, conventions, and audit for web applications.
State Management React Query and Zustand patterns for state management.
Tailwind Best Practices Tailwind CSS patterns and conventions.
Technical Debt Technical debt inventory, prioritization, and audit for PHP/Laravel (MySQL) and Node/TypeScript/R…
Testing Best Practices Unit testing, integration testing, and test-driven development principles.
Typescript React Patterns TypeScript best practices for React development.
Web Design Guidelines UI/UX best practices and accessibility audit.