Claude Skills · DevOps & Infrastructure
Project Onboarding Adapter
ytvee-dev/webdev-agent-kitAdapt this .agents bundle to a frontend project using approved native pointers, local-only overlays, stack detection, skill applicability, tool capabilities, client and verification facts, optional loop memory, and context cache. Do not create app code or overwrite instructions.
At a glance
This skill is for DevOps & Infrastructure and helps you adapt an agents bundle to a frontend project, configure native pointers for a web project, and set up stack detection for a codebase.
/plugin marketplace add ytvee-dev/webdev-agent-kit
/plugin install project-onboarding-adapter
Setup, runtime and requirements describe ytvee-dev/webdev-agent-kit, the repo this skill ships in.
Agents BundlefrontendconfigurationStack DetectionContext Cacheagent-kit
Also in ytvee-dev/webdev-agent-kit
View the repoCreate, evaluate, or edit this .agents WebDev Agent Kit, including AGENTS.md, common/**, project/**, skills/**, metadata, validators, and pr...
Turn user-supplied screenshots, copied inspect values, exports, assets, or design notes into a strict frontend Design Implementation Spec. L...
Create, resume, analyze, or converge standard and deep frontend execution plans with traceable slices, evidence, and stop/resume state. Skip...
Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, builds, migrations, and...
Diagnose and fix frontend defects from evidence, including unclear UI/runtime errors, broken routes, styling regressions, and hydration or c...
Set subject-grounded visual direction for standard or deep UI work, redesign, polish, critique, anti-template review, or design handoff. Ski...
Ground standard or deep UI work in product category, page pattern, design dials, domain UX risks, and anti-patterns before visual direction....
Implement an approved Design Implementation Spec or screenshot-derived spec in React/Next.js using existing CSS Modules, Redux, TanStack, an...
Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer existing commands; depe...
Review frontend quality from evidence across code, UI, architecture, TypeScript, security, performance, verification, decomposition, UX, and...
Perform bounded, behavior-preserving frontend refactors such as component extraction, file moves, prop or interface cleanup, state simplific...
Verify rendered frontend evidence after implementation, including screenshot comparison, responsiveness, overflow, visible states, and scope...
Other DevOps & Infrastructure skills
Wire dependency-cruiser into a TypeScript repo so each package is a deep module — implementation hidden in subfolders, reachable only throug...
Set up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wan...
Configure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before f...
Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-comm...
Generate an interactive bash wizard that walks a human through a manual procedure — third-party setup, a one-off migration, an A→B state tra...
Triage and resolve Debian Linux issues with apt, systemd, and AppArmor-aware guidance.