skills.homes logoskills.homescapability registry
home/categories/full-stack/oaustegard-claude-skills-json-render-ui-skill-md
cd ..
full-stackdevelopment

json-render-ui

Generate guardrailed UI from natural language. Claude emits constrained JSON, skill runtime renders via Preact. Use when user provides json and requests: Dashboards with metrics, charts, tables; Admin panels; Data visualization interfaces; Form-based applications

سورس دیکھیںfull-stack
oaustegard
maintainer
oaustegard
اپ ڈیٹ ہوا 3/22/2026
اسٹارز
114
فورکس
4
quick start

Installation and usage

Generate guardrailed UI from natural language. Claude emits constrained JSON, skill runtime renders via Preact. Use when user provides json and requests: Dashboards with metrics, charts, tables; Admin panels; Data visualization interfaces; Form-based applications

انسٹالیشن
$ install --globalskills.sh
استعمال

انسٹال کرنے کے بعد، آپ یہ اسکل ٹرمینل میں درج ذیل کمانڈ چلا کر استعمال کر سکتے ہیں:

skills use json-render-ui