skills.rest
ZhangHanDongZhangHanDongCommunity·2 Agent Skills Included

makepad-component

Native Makepad UI rendering, charts, and shader effects

Renders declarative JSON interfaces as native Makepad widgets across desktop, mobile, and web. Generates interactive forms, product catalogs, and 29 chart types from plain-language requests without hand-written layout code. Captures app screenshots for visual debugging and provides proven shader formulas for fast procedural effects.
37|14
↗
npx skills add ZhangHanDong/makepad-component --all -g -y
Available:

Explains the A2UI protocol, component-to-widget mapping, and data binding rules so the agent can generate valid JSON interfaces that render correctly as native Makepad widgets.

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
ZhangHanDongZhangHanDong

xor-shader-techniques

Implement GLSL shader techniques for turbulence, dot noise, and volumetric raymarching.

Community
Advanced
📦 In Repo
ZhangHanDongZhangHanDong

makepad-screenshot

Capture and analyze Makepad app UI screenshots for visual debugging.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install makepad-component?▼

Run `npx skills add ZhangHanDong/makepad-component --all -g -y` in your terminal to install all skills in this repository globally.

What is the A2UI protocol in Makepad?▼

A2UI is a declarative JSON format that lets language models describe interfaces as flat component lists. This repository renders those messages as native, GPU-accelerated Makepad widgets on desktop, mobile, and web.

Can I generate UIs from plain English?▼

Yes. The included bridge connects to any OpenAI-compatible model with tool calling, turning requests like 'build a login form' into live native interfaces.

How do I debug Makepad app visuals automatically?▼

The makepad-screenshot skill brings your running app to the front, captures a screenshot, and lets the agent analyze layout and rendering issues directly.

What shader effects does the xor-shader skill cover?▼

It provides ready-to-use formulas for turbulence, fire, smoke, starfields, volumetric glow, cheap 3D noise, and anti-aliasing, all optimized for real-time GPU performance.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills