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.