shopify-polaris-app-home

To create embedded Shopify admin UI, this Skill generates TypeScript with Preact code using s- prefixed Polaris web components. It fetches up-to-date component documentation first, then outputs validated code ready for your app-home extensions.

Building an app-home extension is handled by orchestrating Bash calls to fetch Polaris documentation and validate the generated TypeScript code. It performs a validation loop, retrying up to three times to ensure the UI conforms to Shopify standards.

Yes, Polaris UI code generation includes an automated validation loop. It writes the generated Preact code to a temporary file and validates it using a Node script, retrying up to three times on errors to ensure correctness.

Yes, you need Node scripts and the Bash tool to scaffold a Shopify Polaris settings screen. The Skill executes Node scripts to search component documentation and perform the validation loops required for generating accurate Preact code.

Documentation search works by running a dedicated Node script before coding to fetch the latest Polaris web component docs. This ensures the generated TypeScript and Preact code uses the most current s- prefixed component properties and patterns.

Yes, you can use Preact and TypeScript for Shopify admin app-home development. This Skill specifically generates TypeScript code with Preact to build Polaris web components, integrating artifact tracking and client metadata for CI/CD workflows.