SirHamza

@sirhamza source repo

19 skills
0 followers
5 hours ago last updated

▌
CSS Skill · sirhamza
This skill should be used when the user asks about CSS, CSS selectors, specificity, cascade, inheritance, Flexbox, CSS Grid, CSS custom properties (variables), animations, transitions, transforms, media queries, container queries, CSS pseudo-classes, pseudo-elements, CSS functions (calc, clamp, min, max), CSS architecture (BEM, SMACSS), CSS preprocessors (Sass/SCSS), CSS-in-JS, CSS modules, @layer, @scope, logical properties, scroll-driven animations, or any CSS styling topic. Trigger when the user mentions "css", "flexbox", "css grid", "css variables", "custom properties", "media query", "container query", "css animation", "keyframes", "css transition", "css selector", "specificity", "sass", "scss", "css modules", "bem", "clamp()", "aspect-ratio", "css grid layout", "nth-child", "pseudo-class", "pseudo-element", or asks how to style something with CSS.

0
installs
▌
MCP Skill · sirhamza
MCP (Model Context Protocol) Expert

0
installs
▌
HTML Skill · sirhamza
This skill should be used when the user asks about HTML, HTML5 elements, semantic HTML, accessibility (ARIA, WCAG), forms and inputs, HTML attributes, meta tags, SEO markup, Open Graph, structured data (JSON-LD, Schema.org), iframes, canvas, SVG, web components, custom elements, shadow DOM, HTML templating, favicons, head elements, or any HTML markup topic. Trigger when the user mentions "html", "semantic html", "aria", "aria-label", "role attribute", "meta tags", "open graph", "schema.org", "json-ld", "html form", "input type", "fieldset", "dialog element", "details/summary", "picture element", "srcset", "web components", "shadow dom", "slot", "template tag", or asks about HTML structure, elements, or accessibility.

0
installs
▌
React Skill · sirhamza
This skill should be used when the user asks about React, React hooks, component patterns, state management, context API, React Router, React Query, Zustand, Redux Toolkit, React performance optimization, refs, portals, error boundaries, React 18/19 features, concurrent rendering, Suspense, or building React component libraries. Trigger when the user mentions "react", "useEffect", "useState", "useContext", "useMemo", "useCallback", "useRef", "react hooks", "react router", "react query", "zustand", "redux", "react component", "JSX", "react context", or any React-specific development question.

0
installs
▌
Devops Skill · sirhamza
DevOps Expert

0
installs
▌
Docker Skill · sirhamza
This skill should be used when the user asks about Docker, Docker Compose, Dockerfile, containerization, container images, Docker Hub, container networking, volumes, Docker Swarm, container registries, multi-stage builds, docker-compose.yml, health checks, Docker Desktop, or deploying applications with containers. Trigger when the user mentions "docker", "dockerfile", "docker-compose", "container", "docker build", "docker run", "docker push", "registry", "image layers", "bind mount", "named volume", or Kubernetes (basic container concepts).

0
installs
▌
Github Skill · sirhamza
This skill should be used when the user asks about GitHub, git workflows, GitHub Actions, CI/CD pipelines, pull requests, issues, GitHub CLI (gh), GitHub API, branch protection, releases, GitHub Pages, Actions secrets, repository management, code review workflows, GitHub Packages, Dependabot, or any GitHub platform feature. Trigger when the user mentions "github", "gh cli", "github actions", "workflow yaml", "pull request", "CI/CD", "git flow", "branch strategy", "github pages", or managing code repositories on GitHub.

0
installs
▌
Nextjs Skill · sirhamza
This skill should be used when the user asks about Next.js, App Router, Pages Router, server components, server actions, Next.js routing, middleware, next.config.js, Vercel deployment, API routes, ISR, SSG, SSR, or any Next.js-related development. Trigger when the user mentions "nextjs", "next.js", "app router", "pages router", "server components", "server actions", "next/image", "next/font", "next/navigation", or building full-stack React applications with Next.js.

0
installs
▌
Nodejs Skill · sirhamza
This skill should be used when the user asks about Node.js, Express.js, Fastify, Hono, Node.js streams, EventEmitter, Buffer, child processes, worker threads, fs/path/os modules, npm/pnpm/yarn, package.json, Node.js performance, clustering, libuv, the event loop, Node.js HTTP server, middleware patterns, REST API design, WebSockets in Node.js, environment variables, or server-side JavaScript runtime topics. Trigger when the user mentions "node", "nodejs", "express", "fastify", "hono", "npm", "pnpm", "require", "module.exports", "ESM", "commonjs", "node:fs", "node:path", "node:http", "process.env", "event loop", "middleware", "REST API", or building backend services with JavaScript/TypeScript.

0
installs
▌
Python Skill · sirhamza
Python Expert

0
installs
▌
Analysis Skill · sirhamza
Analysis Expert

0
installs
▌
Markdown Skill · sirhamza
Markdown Expert

0
installs
▌
Obsidian Skill · sirhamza
Obsidian Expert Skill — vault architecture, Dataview, Templater, plugins, workflows, and PKM best practices. Use when working with Obsidian vaults or markdown knowledge management.

0
installs
▌
Tailwind Skill · sirhamza
This skill should be used when the user asks about Tailwind CSS, utility classes, tailwind.config.js/ts, custom themes, responsive design with Tailwind, dark mode, Tailwind plugins, shadcn/ui, Radix UI with Tailwind, arbitrary values, JIT mode, @apply directive, Tailwind v3/v4, CSS variables with Tailwind, or styling components using utility-first CSS. Trigger when the user mentions "tailwind", "tailwindcss", "utility classes", "tailwind config", "dark mode", "shadcn", "cn utility", "clsx", "class-variance-authority", "cva", or "tw-merge".

0
installs
▌
Codewriter Skill · sirhamza
Code Writer Expert

0
installs
▌
Playwright Skill · sirhamza
Playwright Expert

0
installs
▌
Typescript Skill · sirhamza
This skill should be used when the user asks about TypeScript, type annotations, interfaces, generics, type guards, utility types, conditional types, mapped types, template literal types, enums, decorators, tsconfig.json, TypeScript compiler options, strict mode, type inference, declaration files (.d.ts), module augmentation, or migrating JavaScript to TypeScript. Trigger when the user mentions "typescript", "tsconfig", "interface", "type alias", "generic", "keyof", "typeof", "infer", "satisfies", "as const", "unknown vs any", "type narrowing", "discriminated union", "declaration merging", or any TypeScript-specific type system question.

0
installs
▌
Claude Code Skill · sirhamza
Claude Code Expert — use when the user asks about Claude Code CLI features, configuration, hooks, skills/commands, MCP servers, IDE integrations, settings, keybindings, agents, slash commands, memory, CLAUDE.md, or any Claude Code workflow question.

0
installs
▌
Graphicdesigner Skill · sirhamza
This skill should be used when the user asks about graphic design principles, typography, color theory, design systems, UI/UX design, logo design, branding, visual hierarchy, grids and layouts, design tools (Figma, Adobe Illustrator, Photoshop, Canva), icon design, illustration, image composition, print design, web design aesthetics, accessibility in design, design tokens, wireframing, prototyping, or any visual design topic. Trigger when the user mentions "figma", "design system", "typography", "color palette", "font pairing", "logo", "branding", "visual hierarchy", "whitespace", "grid layout", "design tokens", "wireframe", "prototype", "UI design", "UX design", "illustration", "icon set", "brand identity", "contrast ratio", "accessibility", or asks for design advice or critique.

0
installs

19 published skills