haotool
Official@haotool
Offers specialized engineering modules for React ecosystem development, UI design systems, and rigorous software quality assurance.
Agent Skills by haotool
Showing 25 vetted skills indexed across 1 GitHub repositories.
i18n-localization
Detect hardcoded strings and generate locale files with translation keys.
zod
Validate runtime data against TypeScript types with Zod schemas.
monorepo-management
Orchestrates multi-package MONorepos using Turborepo, Nx, and pnpm workspaces.
technical-writer
Generate structured technical documentation in Markdown or HTML for software products.
api-documentation-generator
Generate endpoint descriptions, parameter schemas, and OpenAPI specs from source code.
git-commit
Analyze git diffs and stage changes into Conventional Commits messages.
seo
Audit and fix SEO signals including meta tags, canonical URLs, and JSON-LD.
ui-ux-pro-max
Generate design systems with colors, typography, and accessibility guidelines for web and mobile stacks.
product-manager
Convert project briefs into PRDs, epics, user stories, and acceptance criteria.
ui-design-system
Design scalable UI design systems for React apps with TailwindCSS, Radix UI, and shadcn/ui.
playwright-e2e-testing
Automate cross-browser end-to-end tests across Chromium, Firefox, and WebKit.
security-review
Trace attacker-controlled input and data flows to identify high-confidence security vulnerabilities.
typescript
Configure tsconfig and refine type definitions to reduce compile times.
react-patterns
Document React 19 patterns for Server Components, Actions, use(), and TypeScript development.
tdd
Automates Test-Driven Development workflows by guiding end-to-end testing and incremental implementation via public interfaces.
tailwind-v4-shadcn
Configure Tailwind v4 with shadcn/ui for React projects using Vite.
framer-motion
Optimize Framer Motion animations in React applications to reduce runtime jank.
react
Optimize React 19 components with concurrent rendering and server component guidelines.
code-refactoring-refactor-clean
Analyze legacy code smells and propose incremental refactor plans with tests.
tailwindcss-advanced-layouts
Implement complex responsive layouts using Tailwind CSS grid and flex utilities.
wcag-compliance
Audit and implement WCAG 2.2 AA accessibility patterns for web applications.
responsive-design
Build adaptive interfaces using container queries, grid layouts, and fluid typography.
vite-react-best-practices
Document Vite and React SPA deployment, caching, and performance rules.
pwa-development
Create Progressive Web Apps with service workers, caching, and manifest.
Frequently Asked Questions About haotool
FAQPage SchemaWhat specific development tasks does haotool support?▼
Haotool supports tasks including runtime data validation with Zod, cross-browser end-to-end testing with Playwright, accessibility auditing for WCAG 2.2 compliance, and the generation of technical documentation or OpenAPI specifications from source code.
Which engineering personas benefit most from these capabilities?▼
Frontend engineers, full-stack developers, and technical leads working within the React ecosystem benefit from these modules. The collection is specifically designed for teams managing complex monorepos, design systems, and high-performance web applications requiring strict type safety and rigorous testing.
What are the primary prerequisites for integrating these modules?▼
Integration requires a Node.js environment with pnpm or npm package management. Most modules assume a modern web stack utilizing React, TypeScript, and Vite, with specific dependencies like Tailwind CSS, Radix UI, or Playwright depending on the chosen functional module.