Convert design references into React components and Agility CMS models.
npx skills add https://github.com/agility/agility-website-next.js --skill feature-agility
Please help me install this Agent Skill. Skill: feature Source: https://github.com/agility/agility-website-next.js/tree/main/.claude/skills/feature Command: npx skills add https://github.com/agility/agility-website-next.js --skill feature-agility
Convert design references (Replit, Lovable, Figma screenshots, or any URL/image) into production-ready React components and integrated Agility CMS models, reducing handoff delays and rework.
Provide a design reference (URL or screenshot) and I will implement the UI components, configure CMS models, and wire up the page.
High-intent search queries and answers about installing and using this skill.
To convert Figma screenshots into React components, provide the design reference image or URL. The system analyzes the UI sections, implements production-ready React components, and registers them automatically.
Yes, you can generate Agility CMS models from a design reference. The system identifies required content fields and automatically creates the corresponding CMS component models for page building.
The best way to wire React components into an Agility CMS page is by using an automation tool that registers the components and configures the page template automatically based on a provided design reference.
Yes, this design-to-component automation works with existing page updates. It analyzes new design references to update current React components and modify existing Agility CMS page configurations as needed.
To turn a Replit or Lovable UI design into production code, input the application URL. The system identifies UI sections, builds the React components, and integrates the required Agility CMS models.
Supported design reference formats include URLs and screenshots from Replit, Lovable, Figma, or any image. The system analyzes these references to build production-ready React components and CMS configurations.
MatheusrlrTranslate Figma designs into production-ready code with visual fidelity.
stacksjsAutomate content management for Stacks applications via config/cms.ts.
shishiv30Publish page content to Pure CMS and update header navigation links.
PMDevSolutionsConvert InDesign IDML and PDF files into typed React components and design tokens.
