What is layout-architect?
Converts visual designs (images/screenshots) into implementation code (CSS, Python-pptx, HTML). Use when recreating slide layouts or UI designs from images. Source: famaoai-creator/gemini-skills.
·layout-architect
#
layout-architect
✓famaoai-creator/gemini-skillsGitHub: famaoai-creator/gemini-skillsSource: famaoai-creator/gemini-skills
Converts visual designs (images/screenshots) into implementation code (CSS, Python-pptx, HTML). Use when recreating slide layouts or UI designs from images.
Installation
How to Install layout-architect
Quickly install layout-architect AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: famaoai-creator/gemini-skills.
SKILL.md
View rawThis skill specializes in Visual Reverse Engineering. It analyzes input images or brand guidelines and generates the precise code required to reproduce that design.
If the user provides a .pptx file instead of an image, first extract the media assets to "see" the design.
Before writing code, analyze the brand assets and define the Design System.
Converts visual designs (images/screenshots) into implementation code (CSS, Python-pptx, HTML). Use when recreating slide layouts or UI designs from images. Source: famaoai-creator/gemini-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect- Category
- #Documents
- Verified
- ✓
- First Seen
- 2026-02-26
- Updated
- 2026-03-10
Quick answers
How do I install layout-architect?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/famaoai-creator/gemini-skills
Details
- Category
- #Documents
- Source
- skills.sh
- First Seen
- 2026-02-26