Extracts UI slices from HTML and generates reusable components for ZaqWeb.
npx skills add https://github.com/www-zaq-ai/zaq --skill extract-www-zaq-ai
Please help me install this Agent Skill. Skill: extract Source: https://github.com/www-zaq-ai/zaq/tree/main/.agents/skills/extract Command: npx skills add https://github.com/www-zaq-ai/zaq --skill extract-www-zaq-ai
This Skill automates the process of finding and extracting UI slices from existing web applications, creating reusable components, and integrating them into the ZaqWeb design system.
Run the 'extract' skill in your ZaqWeb project to automatically detect UI slices that can be converted into reusable components.
High-intent search queries and answers about installing and using this skill.
Extracting UI slices from HTML involves identifying repeating elements and converting them into reusable components. This Skill automates that process, generating the necessary code for integration into a design system and Storybook documentation.
Refactoring UI elements into a design system is best handled by automating UI slice extraction from existing HTML. This process identifies component candidates and generates integration code, streamlining the update of web applications.
Yes, you need familiarity with the Elixir and Phoenix framework to use automated component creation. The process generates code for a web application that requires structural knowledge of these technologies for proper integration.
Yes, you can integrate extracted UI components directly into Storybook. The Skill automates the addition of new components into the design system and generates the necessary Storybook documentation alongside the integration code.
You should automate UI slice extraction when updating an existing web application and refactoring UI elements into reusable components. This streamlines the process of extending your design system without manually writing boilerplate integration code.
Yes, the component creation process works with your existing web application by parsing HTML content. It automatically detects UI slices that can be converted into reusable components based on your current UI structure.
mkreymanRun Mix-based quality checks for Elixir/Phoenix projects.
riehlegroupCreate, review, and update Storybook components following best practices.
Itinerant18Audit frontend interfaces for accessibility, performance, and responsive behavior.
TheBushidoCollectiveRender Phoenix HEEx templates and views into HTML content.
