goharabbas321
- 72 skills
- 0 followers
- 6 hours ago last updated
- ▌ Graphify · goharabbas321 bundleany input (code, docs, papers, images, videos) to knowledge graph. Use when user asks any question about a codebase, documents, or project content - especially if graphify-out/ exists, treat the question as a /graphify query.
- ▌ Zeoel · goharabbas321 bundleZeoel is an AI agency that can plan, coordinate, and execute software projects using a multi-agent orchestrated pipeline. Specialized in Next.js + Laravel + PostgreSQL SaaS development with SEO-first architecture. Enforces mandatory testing, documentation, and progress tracking at every step. Use this to lead brainstorming, plan sprints, and dispatch specialized agents.
- ▌ Typeui CLI · goharabbas321Guide for agentic tools to use the typeui.sh CLI for generating, updating, listing, and pulling design system skill files.
- ▌ RAG Pipeline · goharabbas321Retrieval-Augmented Generation (RAG) pipeline patterns. Covers document ingestion, chunking, embeddings, vector search, and answer generation.
- ▌ Figma To Code · goharabbas321Figma design-to-code pipeline patterns. Covers Dev Mode, CSS extraction, component mapping, design token export, and maintaining design-code parity.
- ▌ Trpc Patterns · goharabbas321tRPC patterns for end-to-end typesafe APIs. Covers router definition, middleware, input validation, React Query integration, and error handling.
- ▌ Vercel AI Sdk · goharabbas321Vercel AI SDK patterns for streaming AI responses, tool calling, structured output, embeddings, and multi-provider support in Next.js applications.
- ▌ Queue Patterns · goharabbas321Background job processing patterns with BullMQ, Redis queues, dead letter handling, retry strategies, and worker architecture.
- ▌ Tailwindcss V4 · goharabbas321Tailwind CSS v4 patterns with CSS-first configuration, new engine architecture, container queries, and modern utility patterns. Use for all Tailwind-based styling.
- ▌ GRAPHQL Patterns · goharabbas321GraphQL schema design, resolver patterns, subscriptions, and performance optimization. Covers Apollo Server, code-first schemas, and N+1 prevention.
- ▌ Supabase Patterns · goharabbas321Supabase patterns for Auth, Realtime, Edge Functions, Row Level Security (RLS), and database design. Covers Next.js integration and serverless architecture.
- ▌ MCP Server Builder · goharabbas321Build custom MCP (Model Context Protocol) servers for AI tool integration. Covers server architecture, tool definitions, resource providers, and deployment.
- ▌ Micro Interactions · goharabbas321Micro-interaction design patterns for scroll-driven animations, hover effects, loading states, feedback animations, and interactive UI polish.
- ▌ Prompt Engineering · goharabbas321Systematic prompt design patterns. Covers system prompts, few-shot examples, chain-of-thought, structured output, and evaluation strategies.
- ▌ Shadcn UI Patterns · goharabbas321shadcn/ui component patterns built on Radix UI + Tailwind CSS. Covers theming, dark mode, accessible forms, data tables, and custom component creation.
- ▌ Websocket Realtime · goharabbas321WebSocket and Server-Sent Events (SSE) patterns for real-time features. Covers connection management, rooms, broadcasting, reconnection, and scaling strategies.
- ▌ Radix UI Primitives · goharabbas321Radix UI headless primitives for accessible, unstyled UI components. Covers Dialog, Dropdown, Popover, Tooltip, Tabs, Accordion, and custom compositions.
- ▌ Design Tokens System · goharabbas321Cross-platform design token architecture using Style Dictionary, Tokens Studio, and CSS custom properties. Three-layer token system (primitive→semantic→component).
- ▌ Drizzle Orm Patterns · goharabbas321Drizzle ORM patterns for TypeScript-first database access. Covers schema definition, queries, relations, migrations, and PostgreSQL/MySQL/SQLite support.
- ▌ Oauth2 Auth Patterns · goharabbas321OAuth 2.0 and OpenID Connect authentication patterns. Covers authorization code flow, PKCE, JWT, session management, and provider integration.
- ▌ View Transitions API · goharabbas321Native browser View Transitions API for seamless page and state transitions. Covers same-document transitions, cross-document MPA transitions, and framework integration.
- ▌ CSS Container Queries · goharabbas321CSS Container Queries for component-level responsive design. Covers @container, container-type, container query units, and style queries.
- ▌ Rate Limiting Patterns · goharabbas321API rate limiting and throttling patterns. Covers token bucket, sliding window, Redis-based limiters, tiered limits, and DDoS protection strategies.
- ▌
- ▌ Stripe Billing Patterns · goharabbas321Stripe integration patterns for SaaS billing. Covers Checkout, subscriptions, webhooks, customer portal, metered billing, and payment error handling.
- ▌
- ▌ Caveman · goharabbas321Token and prompt compression engine. Banish conversational padding and cut output tokens by ~75% while keeping 100% technical accuracy. Trigger with '/caveman' or 'talk like caveman'.
- ▌
- ▌
- ▌ Responsive Email Templates · goharabbas321HTML email design patterns using React Email and MJML. Covers responsive layouts, dark mode support, cross-client compatibility, and transactional email design.
- ▌ Claude Red · goharabbas321Offensive security and penetration testing skill. Covers automated vulnerability scanning, secure-coding bypass detection, sanitization reviews, and exploit drafting.
- ▌ SEO Growth · goharabbas321Geotargeted local SEO and semantic growth skill. Covers geo-coordinated meta generation, JSON-LD schemas, local search optimization, and search intent clustering.
- ▌ React Native Best Practices · goharabbas321React Native best practices for performance, list rendering, animations, architecture, profiling, and app sizing.
- ▌ Waza Habits · goharabbas321Software engineering hygiene and clean code habits skill. Covers strict git commits, formatting rules, refactoring steps, and clean code principles.
- ▌ Ppt Mckinsey · goharabbas321McKinsey-style PowerPoint and presentation design skill. Covers structure-first slide copywriting, MECE slide messaging, and visual data density layouts.
- ▌
- ▌
- ▌ Motion Design · goharabbas321Premium motion and interaction design skill. Covers Lottie animation integration, GSAP easing vectors, and visual micro-interactions.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Self Evolution · goharabbas321Agent self-evolution skill. Covers runtime skill learning, code self-refactoring, and memento skills logging.
- ▌ Zeoel Dispatch · goharabbas321Phase 3: Execute the sprint plan by dispatching specialized sub-agents with their curated skill packs. Mandatory skill loading, progress tracking, test enforcement, and QA review per task.
- ▌ Zeoel Security · goharabbas321Check any AI agent codebase against the OWASP Agentic Security Initiative (ASI) Top 10 risks. Use this skill when: - Evaluating an agent system's security posture before production deployment - Running a compliance check against OWASP ASI 2026 standards - Mapping existing security controls to the 10 agentic risks - Generating a compliance report for security review or audit - Comparing agent framework security features against the standard - Any request like "is my agent OWASP compliant?", "check ASI compliance", or "agentic security audit"
- ▌
- ▌ Growth Marketing · goharabbas321Growth marketing copywriting and funnel engineering skill. Covers standard copy frameworks, conversion rate optimization (CRO), landing page wireframing, and analytics tracking.
- ▌
- ▌ Zeoel Brainstorm · goharabbas321 bundlePhase 1: You MUST use this before any creative work. Gohar (CEO) leads a structured debate with the team to explore user intent and produce a PROJECT_BRIEF.md.
- ▌ React Native Brownfield Migration · goharabbas321Incremental migration strategy to adopt React Native or Expo in native apps with setup, packaging, and integration steps.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Bootstrap Patterns · goharabbas321Bootstrap 5 patterns for responsive grid layouts, utility API, SCSS theming, component customization, dark mode, and performance optimization. Activate when building Bootstrap-based UIs, admin dashboards, or rapid-prototyping with Bootstrap.
- ▌ Empirical Research · goharabbas321Empirical academic research skill. Covers literature synthesis, scientific hypothesis generation, and LaTeX/APA formatting.
- ▌
- ▌
- ▌
- ▌
- ▌ Trailofbits Auditing · goharabbas321Smart contract auditing and secure cryptography implementation skill. Covers Solidity reentrancy, access control, cryptographic key management, and zero-knowledge heuristics.
- ▌ Zeoel Saas Architect · goharabbas321SaaS Project Architecture Skill: Use when a user says 'build a SaaS'. Provides the blueprint for scaffolding a Next.js + Laravel + PostgreSQL project with SEO-first structure.
- ▌ Zeoel Sprint Planner · goharabbas321Phase 2: Use this after a PROJECT_BRIEF.md is approved. Gohar decomposes the brief into sprints and assigns tasks to specialized Zeoel agents with their skill bindings.
- ▌
- ▌
- ▌
- ▌ Zeoel Codebase Knowledge · goharabbas321 bundleUse this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for prompts like "map this codebase", "document this architecture", "onboard me to this repo", or "create codebase docs". Do not trigger for routine feature implementation, bug fixes, or narrow code edits unless the user asks for repository-level discovery.
- ▌ Vue3 Composition Patterns · goharabbas321Vue 3 Composition API patterns for composables, reactivity (ref, reactive, computed, watch), provide/inject, defineModel, Teleport, Suspense, async components, TypeScript integration, and performance optimization. Activate when building or architecting Vue 3 applications.
- ▌ Computational Architecture · goharabbas321Computational and spatial design skill. Covers parametric layout generation, CAD schema design, GIS mapping, and geometric algorithms.
- ▌ Animated Component Libraries · goharabbas321animated component libraries — loaded from design-skills plugin