HainrixzCommunity·13 Agent Skills Included

claude-webkit

Guided landing page design, build, and instant deployment

Builds professional landing pages from a short guided questionnaire, then designs, codes, previews, and deploys them to a live URL. Removes the need for coding, template hunting, and manual SEO or animation tuning. Bundles 21 skills covering design systems, motion craft, copy cleanup, SEO audits, and one-command Vercel deployment.

184|61

↗

npx skills add Hainrixz/claude-webkit --all -g -y

Available:

Locks the agent into a web-builder role and routes it through six phases — questionnaire, design system, scaffolding, build, preview QA, and deploy — while defining which bundled skill has authority over motion, typography, components, and copy.

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

Hainrixz

playwright-cli

Automates browser interactions and testing workflows via Playwright CLI commands.

ui-ux-pro-max

Generate comprehensive design systems for web and mobile interfaces.

web-reader

Extract web page content and metadata via the z-ai-web-dev-sdk.

seo-audit

Crawl WordPress and Next.js sites to identify SEO issues and generate prioritized fixes.

shadcn-ui

Generate copy-paste ready React UI components styled with Tailwind CSS.

web-design-guidelines

Fetch latest Web Interface Guidelines and audit UI files for compliance.

deep-research

Execute multi-angle web research with phased exploration and source validation.

Chrome Bridge Automation

Automate Chrome browser UI tasks via visual prompts and screenshots.

vercel-deploy

Deploy directory-based projects or tarballs to Vercel and return preview and claim URLs.

frontend-design

Design and implement production-grade frontend interfaces with reusable UI patterns.

vercel-react-best-practices

Apply performance best practices to React and Next.js codebases.

building-components

Design accessible React UI components with ARIA and keyboard navigation.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install claude-webkit?▼

Run `npx skills add Hainrixz/claude-webkit --all -g -y` in your terminal to install all bundled skills globally.

Can I build a landing page without coding?▼

Yes. You answer four short rounds of questions about your business, and the agent designs, builds, and deploys the page while you only approve key decisions.

Does claude-webkit deploy my site for free?▼

Yes. The bundled vercel-deploy skill publishes your page to a live Vercel URL with no account or CLI setup required, plus a claim link if you want to keep it.

How does it avoid generic AI-looking designs?▼

It applies strict design rules from the frontend-design, ui-ux-pro-max, and motion skills, banning common AI patterns like gradient text, default fonts, and sluggish easing.

Does claude-webkit support Spanish?▼

Yes. If you write in Spanish, the entire questionnaire and conversation switch to Spanish automatically using the bundled Spanish docs.