Web & Frontend

phanghonghao Skill

Convert various document formats to Markdown using Microsoft's markitdown library. Supports PDF, DOCX, PPTX, XLSX, HTML, EPUB, images, IPYNB, ZIP and more. Use when user mentions markitdown, convert to markdown, PPTX to md, XLSX to md, EPUB to md, or needs to read formats not covered by /pdf-reader or /word2md.

phanghonghao Bundle

将 Markdown 源文件转为 16:9 HTML 演示文稿，再用浏览器导出 PDF。输出单个自包含 `.html` + `.pdf`，采用 Beamer 式简洁排版骨架。

phanghonghao Bundle

论文「读懂 + 最小复现」一体化工具。输入 arXiv URL / arXiv ID / 关键词 / 本地 PDF， 先用 /paper-html-onepage 出单页 HTML 总结（读懂论文），再用本 skill 的脚本找代码、 分析完整复现要求、制定最小复现方案、生成并自动跑通最小规模实验、给出完整复现成本估算 （对标 alphaXiv 的 autoarxiv）。触发：复现论文 / 跑论文 / paper repro / reproduce paper / autoarxiv / minimal reproduction / 最小复现 / 把这篇论文跑起来。

phanghonghao Bundle

从用户上传的简历资料(PDF/Word/Markdown/已有 YAML/口述)生成排版好的单栏中文简历 PDF。默认 HTML→Chrome/Edge 无头打印（不依赖 LaTeX）；可选 --engine tex 走本机 xelatex（njq 风格 ctex 模板）。当用户提到「简历」「resume」「cv」「生成简历 PDF」「套用我的简历模板」时使用。

phanghonghao Bundle

从关键词/URL/PDF 自动检索论文（arXiv 优先），提取全文并生成单页 A4 风格 HTML 总结。 网络层带 requests -> curl 自动降级，配合 /web-search-fallback，MCP 失效（429/限流/不可用）时仍可用。 适用于“论文 -> 可读网页总结”场景。

xmuhameed Skill

Enforces clean code standards across NestJS, React, and Next.js: minimal scope, no over-engineering, match existing conventions, focused functions, proper error handling. Use when writing, reviewing, or refactoring code in any stack.

xmuhameed Skill

Next.js storefront authentication: js-cookie JWT, useAuth hook, ProfileBootstrap, middleware route protection, Google OAuth, profile store. Use when implementing login, protected routes, auth state, or sign-in/sign-up in Next.js e-commerce apps.

xmuhameed Skill

Next.js cart Zustand store, add-to-cart, cart UI sheet, CartSync refresh, region conflict validation, international pricing. Use when implementing cart, add to cart, or cart drawer functionality.

xmuhameed Skill

next-intl regional locales (en-ae/ar-ae/en-gl/ar-gl), RTL, message files, locale-aware navigation, language and region switchers. Use when adding translations, locales, RTL layout, or regional routing in Next.js apps.

xmuhameed Skill

Vite admin authentication: cookie JWT, AuthContext, RequireAuth, RequireRole RBAC, axios 401 interceptor, login flow. Use when implementing login, protected routes, role guards, or auth in Vite React admin dashboards.

xmuhameed Skill

React Hook Form + Zod forms in Next.js: checkout validation, phone input, conditional refinements, responsive notifications. Use when building forms, validation schemas, or form UI in Next.js storefronts.

xmuhameed Skill

Vite admin forms with React Hook Form, Zod, shadcn Form, createSubmitHandler, FormSubmitButton, bilingual fields. Use when building create/edit forms in admin dashboards.

xmuhameed Skill

Next.js e-commerce checkout: CheckoutClient, persisted draft store, RHF+Zod form, shipping, delivery slots, Stripe/Tabby/Tamara payments, order creation. Use when building or modifying checkout flow, payment, or order creation.

xmuhameed Skill

Add a new field to an existing Next.js storefront feature: types, Zod schema, form input, API payload, and display components. Use when extending an existing feature with a new property from the backend.

xmuhameed Skill

Next.js dual API layer: server fetch with ISR in lib/api for RSC, client api utility with cookie auth for services and React Query. Use when making API calls, fetching data in Server or Client Components.

xmuhameed Skill

Add a new field to an existing Vite admin CRUD feature: TypeScript types, Zod schema, form input, list column, API payload, and optional filter. Use when extending an existing admin resource with a new property from the backend.

xmuhameed Skill

Vite admin Axios client and TanStack React Query: api.ts, query keys, queries, mutations, backend URL conventions. Use when making API calls or React Query hooks in Vite admin apps.

xmuhameed Skill

Vite admin list pages: URL-synced filters, debounced search, tables, pagination, bulk select, AlertDialog delete, deep-link modals. Use when building admin table list views or data grids.

xmuhameed Skill

Create a new Next.js App Router page with Server/Client split, generateMetadata, setRequestLocale, and locale-aware routing. Use when adding a new page, route, or screen to a Next.js storefront.

xmuhameed Skill

Vite admin FormData file uploads: build multipart in api.ts, file preview in forms, image URL display. Use when implementing image uploads in admin CRUD forms.

xmuhameed Skill

Next.js image handling: getMediaUrl, next/image remotePatterns, product galleries, fullscreen zoom gallery, video in gallery. Use when working with images, galleries, media URLs, or next/image configuration.

xmuhameed Skill

Create a new domain feature folder in Next.js: store, hooks, components, API services, types. Use when adding cart-like domains, new business features, or self-contained frontend modules.

xmuhameed Skill

Next.js 15 App Router e-commerce stack: project layout, providers, regional i18n, dual API layer, conventions. Use when scaffolding a new Next.js storefront or onboarding to the frontend architecture.

xmuhameed Skill

Create a new Vite admin CRUD feature module: pages, api layer, types, routes, sidebar entry. Use when adding categories, products, coupons, or any admin resource.

xmuhameed Skill

Vite admin Dialog, AlertDialog, detail modals, FAB create modal, info modals. Use when building modals, dialogs, or overlay UI in admin dashboards.

xmuhameed Skill

Vite 7 + React 19 admin dashboard stack: project layout, providers, shadcn/ui, conventions. Use when scaffolding a new Vite React admin app or onboarding to the dashboard architecture.

xmuhameed Skill

Vite admin React Router setup, RequireAuth/RequireRole, sidebar navigation config with role gates, nested tab layouts. Use when adding routes, sidebar links, or navigation in admin dashboards.

xmuhameed Skill

Zustand and TanStack React Query patterns for Next.js e-commerce: cart, config, profile, coupon stores, query keys, provider defaults. Use when managing global state, server state, or Zustand stores.

jbdamask Bundle

Condense an AI session (or a single learning) into a very short, standardized TIL document — a concise title, one-line description, and a briefing of what was done, in Markdown by default or HTML on request. Use when the user says "TIL", "today I learned", or "write a TIL", or wants a short shareable write-up of something learned or done in a session.

jbdamask Bundle

Stand up a new static site (an index.html plus assets) on GitHub Pages from the terminal — creates the repo, pushes, enables Pages, waits for the build, and checks the live URL and its images actually load before handing it over. Also checks the page lays out properly on phones and laptops (no sideways scrolling, no half-empty screen) and tells you how to write the HTML so it does. Use this whenever the user wants to put a static page, landing page, demo, report, or standalone HTML on the web, or says "deploy this", "host this", "publish this page", "put this online", "get me a link I can send someone", or "ship it to GitHub Pages" — including when they never say "GitHub Pages" and just want a public URL. Also use to push updates to a site published this way.

shipshitdev Skill

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

shipshitdev Bundle

shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui components to ensure proper architecture, accessibility, and performance. Triggers on tasks involving Radix primitives, Tailwind styling, form validation with React Hook Form, data tables, theming, or component composition patterns.

shipshitdev Bundle

Generate new code modules following existing codebase patterns. Use when user says 'scaffold', 'generate', 'create new endpoint', 'new component', or 'new module'.

shipshitdev Bundle

Tailwind CSS v4 performance optimization and best practices guidelines (formerly tailwindcss-v4-style). This skill should be used when writing, reviewing, or refactoring Tailwind CSS v4 code to ensure optimal build performance, minimal CSS output, and correct usage of v4 features. Triggers on tasks involving Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.

shipshitdev Bundle

Set up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React project that needs a component library.

shipshitdev Bundle

Scaffold a production-ready Expo React Native app with working screens, navigation, and optional Clerk auth. Generates complete mobile app structure that runs immediately with `bun start`.