html-code-painting用纯代码（HTML、SVG、Canvas、CSS）进行绘画创作，高度还原指定原画作或按文字描述作画。当用户要求画一幅画、临摹或还原某幅名画（如千里江山图、星空、富春山居图）、用代码生成艺术插画、制作水墨/油画/浮世绘/像素风/扁平风等风格的画作网页，或将图片转化为可交互 HTML 画面时使用本技能。产出为可直接打开的 .html 单文件，不依赖 AI 绘图 API，全部由代码绘制，可缩放可交互。
Install via ClawdBot CLI:
clawdbot install erich1566/html-code-paintingLoading skill content… the page will refresh in a moment.
Usage Guide
Loading usage data… refresh in a few seconds.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.