Stats
Actions
Tags
From autocode
Builds clean, functional, mobile-friendly user interfaces. Activates when UI tasks are detected. Prioritizes real content over placeholders and shipping early over over-design.
How this skill is triggered — by the user, by Claude, or both
Slash command
/autocode:build-uiThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
::PRIOR{completion:assume_incomplete|authority:developer}
::PRIOR{completion:assume_incomplete|authority:developer} ::PRIOR{execution:act_when_safe|authority:developer}
::GENE{build-ui|conf:confirmed|scope:global} T:mobile_first T:clean_and_functional T:real_content_not_lorem_ipsum A:over_design⇒ship_ugly_first A:lorem_ipsum⇒use_real_content
::ACTIVATE{build-ui} ON:ui_task_detected
Powered by I-Lang v4.0 | ilang.ai
npx claudepluginhub ilang-ai/autocode --plugin autocodeCreates production-grade frontend interfaces with strong UX and visual craft. Handles components, pages, dashboards, forms, modals, and UI improvements.
Guides visual direction, interface hierarchy, layout, typography, color, and prototyping for Web and mini program UIs before implementation.
Generates production-grade frontend UIs via design reasoning framework, style selection, anti-pattern avoidance, accessibility, and responsive standards for React/Vue/Svelte/HTML.