haotool avatar

haotool

Official

@haotool

0Followers
|
13Public Repos
|
25Published Skills

Offers specialized engineering modules for React ecosystem development, UI design systems, and rigorous software quality assurance.

Skills Distribution
DomainDeveloper To...Frontend Architect.. (40%)Quality Assurance .. (30%)UI/UX Engineering (20%)Technical Document.. (10%)

Agent Skills by haotool

Showing 25 vetted skills indexed across 1 GitHub repositories.

haotoolhaotool
2

i18n-localization

Detect hardcoded strings and generate locale files with translation keys.

Official
Intermediate
haotoolhaotool
2

zod

Validate runtime data against TypeScript types with Zod schemas.

Official
Advanced
haotoolhaotool
2

monorepo-management

Orchestrates multi-package MONorepos using Turborepo, Nx, and pnpm workspaces.

Official
Advanced
haotoolhaotool
2

technical-writer

Generate structured technical documentation in Markdown or HTML for software products.

Official
Advanced
haotoolhaotool
2

api-documentation-generator

Generate endpoint descriptions, parameter schemas, and OpenAPI specs from source code.

Official
Advanced
haotoolhaotool
2

git-commit

Analyze git diffs and stage changes into Conventional Commits messages.

Official
Intermediate
haotoolhaotool
2

seo

Audit and fix SEO signals including meta tags, canonical URLs, and JSON-LD.

Official
Advanced
haotoolhaotool
2

ui-ux-pro-max

Generate design systems with colors, typography, and accessibility guidelines for web and mobile stacks.

Official
Advanced
haotoolhaotool
2

product-manager

Convert project briefs into PRDs, epics, user stories, and acceptance criteria.

Official
Advanced
haotoolhaotool
2

ui-design-system

Design scalable UI design systems for React apps with TailwindCSS, Radix UI, and shadcn/ui.

Official
Advanced
haotoolhaotool
2

playwright-e2e-testing

Automate cross-browser end-to-end tests across Chromium, Firefox, and WebKit.

Official
Advanced
haotoolhaotool
2

security-review

Trace attacker-controlled input and data flows to identify high-confidence security vulnerabilities.

Official
Advanced
haotoolhaotool
2

typescript

Configure tsconfig and refine type definitions to reduce compile times.

Official
Advanced
haotoolhaotool
2

react-patterns

Document React 19 patterns for Server Components, Actions, use(), and TypeScript development.

Official
Advanced
haotoolhaotool
2

tdd

Automates Test-Driven Development workflows by guiding end-to-end testing and incremental implementation via public interfaces.

Official
Advanced
haotoolhaotool
2

tailwind-v4-shadcn

Configure Tailwind v4 with shadcn/ui for React projects using Vite.

Official
Advanced
haotoolhaotool
2

framer-motion

Optimize Framer Motion animations in React applications to reduce runtime jank.

Official
Advanced
haotoolhaotool
2

react

Optimize React 19 components with concurrent rendering and server component guidelines.

Official
Advanced
haotoolhaotool
2

code-refactoring-refactor-clean

Analyze legacy code smells and propose incremental refactor plans with tests.

Official
Advanced
haotoolhaotool
2

tailwindcss-advanced-layouts

Implement complex responsive layouts using Tailwind CSS grid and flex utilities.

Official
Advanced
haotoolhaotool
2

wcag-compliance

Audit and implement WCAG 2.2 AA accessibility patterns for web applications.

Official
Intermediate
haotoolhaotool
2

responsive-design

Build adaptive interfaces using container queries, grid layouts, and fluid typography.

Official
Advanced
haotoolhaotool
2

vite-react-best-practices

Document Vite and React SPA deployment, caching, and performance rules.

Official
Advanced
haotoolhaotool
2

pwa-development

Create Progressive Web Apps with service workers, caching, and manifest.

Official
Advanced

Frequently Asked Questions About haotool

FAQPage Schema
What 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.