Profile My skills Saved My plugins Edit profile Submit a skill

← all publishers

AhmadArifff

@ahmadarifff source repo

17 published skills

  1. ▌
    Threejs Interaction · ahmadarifff
    ---
    0 installs
  2. ▌
    UI UX Pro Max · ahmadarifff bundle
    UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). Internal genjutsu module: loaded by /genjutsu:cast and /genjutsu:paint, not invoked directly.
    0 installs
  3. ▌
    Threejs Fundamentals · ahmadarifff
    ---
    0 installs
  4. ▌
    Threejs Postprocessing · ahmadarifff
    ---
    0 installs
  5. ▌
    Backend · ahmadarifff bundle
    Comprehensive Backend Engineering skill for software development projects. Use when the user asks about API design, database schema, authentication, authorization, backend architecture, error handling, logging, deployment, Docker, CI/CD, server-side logic, guard clauses, result pattern, Express, Prisma, Supabase, Redis atomic locking, high concurrency, Better Auth, integration with Next.js or Vue/Nuxt clients, or any backend task. Triggered by keywords like "backend", "API", "endpoint", "database", "schema", "migration", "authentication", "JWT", "OAuth", "architecture", "clean architecture", "design pattern", "deployment", "Docker", "CI/CD", "server", "buat API", "desain database", "login flow", "struktur project", "guard clause", "result pattern", "redis lock", "atomic lock", "concurrency", "websocket".
    0 installs
  6. ▌
    Frontend · ahmadarifff bundle
    Comprehensive Frontend Engineering skill with UI/UX Pro Max Design Intelligence. Use when the user asks about UI/UX implementation, component architecture, design systems, color palettes, typography, responsive design, accessibility, state management, performance, CSS/styling, Tailwind, animations, guard clauses, result pattern, error boundaries, Next.js, Vue 3, Nuxt 3, Vite, Pinia, Shadcn Vue, Vertical Slice architecture, Repository/Adapter patterns, Real-time WebSocket resilience, or any frontend task. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Triggered by keywords like "frontend", "UI", "component", "design system", "responsive", "accessibility", "a11y", "performance", "lazy loading", "state management", "animation", "dark mode", "CSS", "styling", "buat komponen", "bikin halaman", "desain UI", "mobile-first", "ui-ux-pro-max", "guard clause", "result pattern", "vue", "vue3", "nuxt", "pinia", "vite", "vertical slice".
    0 installs
  7. ▌
    Graphify · ahmadarifff bundle
    Use for any question about a codebase, its architecture, file relationships, or project content — especially when graphify-out/ exists, where the question should be treated as a graphify query first. Turns any input (code, docs, papers, images, videos) into a persistent knowledge graph with god nodes, community detection, and query/path/explain tools.
    0 installs
  8. ▌
    Threejs Loaders · ahmadarifff
    ---
    0 installs
  9. ▌
    Threejs Shaders · ahmadarifff
    ---
    0 installs
  10. ▌
    Threejs Geometry · ahmadarifff
    ---
    0 installs
  11. ▌
    Threejs Lighting · ahmadarifff
    ---
    0 installs
  12. ▌
    Threejs Textures · ahmadarifff
    ---
    0 installs
  13. ▌
    Threejs Animation · ahmadarifff
    ---
    0 installs
  14. ▌
    Threejs Materials · ahmadarifff
    ---
    0 installs
  15. ▌
    Motion Design Skill · ahmadarifff bundle
    Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.
    0 installs
  16. ▌
    Pm · ahmadarifff bundle
    Comprehensive Product Manager skill for software development projects. Use when the user asks about PRD creation, product requirements, feature breakdown, user stories, project architecture planning, development methodology selection, sprint planning, roadmap creation, timeline estimation, stakeholder management, Next.js, Vue 3, Nuxt 3, high-concurrency systems, real-time locking, or any product management task. Triggered by keywords like "PRD", "product requirements", "feature breakdown", "user stories", "roadmap", "sprint planning", "agile", "scrum", "kanban", "milestone", "project planning", "arsitektur project", "buat PRD", "fitur apa saja", "metodologi", "timeline", "vue", "nuxt", "vite", "pinia", "concurrency", "real-time", "locking".
    0 installs
  17. ▌
    QA · ahmadarifff bundle
    Comprehensive Quality Assurance skill for software development projects. Use when the user asks for code review, testing strategy, bug detection, test case generation, performance analysis, security review, deployment readiness checks, Vue 3 / Nuxt 3 testing, Vitest, Vue Test Utils, Playwright, race condition testing, WebSocket resilience, or any quality assurance task. Triggered by keywords like "QA", "code review", "test", "bug", "security", "performance", "quality", "review", "cek kualitas", "buatkan test", "cari bug", "vue test", "vitest", "race condition", "websocket test".
    0 installs