htkoca
- 18 skills
- 0 followers
- 4 hours ago last updated
- ▌ Git · htkocagit, commit message, Conventional Commits, feat/fix/chore/docs, branch name, branching, PR, pull request, opening a PR, PR review, code review of a diff, merge, rebase, push, AI attribution, Co-Authored-By. Use when creating a branch, writing a commit or PR body, reviewing a PR, or deciding how a change gets recorded in git.
- ▌ SEO · htkocaSEO, metadata, meta description, page title, Open Graph, og:image, Twitter card, canonical URL, favicon, theme-color, sitemap, robots.txt, crawlable, indexing, link preview, server-rendered content. Use when adding metadata to a page or route, making a link preview well, or reviewing whether content is crawlable.
- ▌ Data · htkocaconstants/, types/, site copy, content, hardcoded strings, useState, URL params, global state, context, store, dates, timezones, date formatting, media entries, images metadata. Use when adding or moving site content, deciding where data or state should live, typing a content entry, or handling dates and media.
- ▌
- ▌ Claude · htkocaCLAUDE.md, AGENTS.md, .claude/, agent instructions file, repo hygiene for Claude Code, gitignoring local agent state, settings.local.json. Use when setting up a repo for Claude Code, writing or restructuring a CLAUDE.md, auditing a repo that has both CLAUDE.md and AGENTS.md, or deciding what agent state gets committed.
- ▌ Nextjs · htkocaNext.js, App Router, page.tsx, layout.tsx, route.ts, route handler, "use client", server component, RSC, generateStaticParams, generateMetadata, dynamic route, SSG/ISR, app/ folder structure, TypeScript. Use when scaffolding a Next.js app, adding a route or page, or deciding how code is organized in a Next.js + TypeScript codebase.
- ▌
- ▌ Vscode · htkocaEditor session, VS Code window, stale path, repo moved, directory renamed, `mv` the repo, reopen at new path, `code <path>`, stale file tree. Use right after this repo's directory is moved or renamed, so the open editor is not pointed at the old path.
- ▌ Process · htkocaPRD, product requirements, project plan, planning, roadmap, milestone, scope, kickoff, delivery methodology, GitHub issues, where a decision gets documented, source of truth between repo/design tool/GitHub. Use when planning work, cutting milestones, deciding which doc owns what, or setting up delivery process for a new project.
- ▌ Testing · htkocaTests, testing strategy, unit test, integration test, e2e, testing pyramid, test runner, vitest, jest, Playwright, coverage, flaky test, failing test, keeping CI green. Use when deciding what kind of test to add, setting up a runner, or reviewing a PR that adds or changes test coverage.
- ▌ Writing · htkocaKeep all prose simple, concise, readable, and short. Applies to every response and anything written into a file. Load before the first response and after context compaction.
- ▌ Jd Scrape · htkocaJob description, JD, job posting, careers page, job listing URL, LinkedIn/Greenhouse/Lever/Workday/Ashby posting, recruiter link, lightpanda scrape. Use when given a JD or careers URL, when pasting job posting text to capture, or when asked to save, pull, or file a job posting. Recording facts only; judging the role is a separate step.
- ▌ Components · htkocaReact component, shadcn, Radix, Tailwind v4, CVA, class-variance-authority, cn(), variants, props interface, .tsx, atoms/molecules/organisms, atomic design, layout shell, design tokens, component file skeleton. Use when adding, extracting, refactoring, restyling, or reviewing a component in any shadcn + Tailwind project.
- ▌ Estimation · htkocaDev-hour estimate, effort estimate, LOE, quote, scoping, base hours, multiplier, overhead, buffer, rounding, itemized change list, client-facing summary, internal working doc, PM request, SOW. Use when a client or PM asks how long something takes, when turning a change set or ticket list into hours, or when preparing an estimate to send out.
- ▌
- ▌ Performance · htkocaPerformance, LCP, CLS, INP, Core Web Vitals, Lighthouse, page speed, slow load, lazy-loading, above/below the fold, image optimization, SVG vs raster, bundle size, font loading, FOUT, motion budget. Use when adding images, media, animation, or custom fonts, or when reviewing a page for load or interactivity regressions.
- ▌ Accessibility · htkocaAccessibility, a11y, WCAG 2.0 AA, AODA, ARIA, screen reader, keyboard navigation, tab order, focus ring, focus trap, skip link, alt text, color contrast, semantic landmarks, header/main/nav/footer, h1, prefers-reduced-motion. Use when building or reviewing any UI component, page, navigation, menu, dialog, modal, overlay, carousel, or self-starting animation in a web frontend.
- ▌ Listing Scrape · htkocaRental listing, apartment, condo, real estate listing, listing URL, rentals.ca, Zumper, PadMapper, Condos.ca, Realtor.ca, MLS, building site, lease, rent, viewing, prospect file, lightpanda scrape. Use when given a listing URL, when pasting listing text or a screenshot to capture, or when asked whether a place is worth viewing. Recording facts only; judging the listing is a separate step.