aia4-layout
CommunityDesign AIA4 page layouts with precision and efficiency.
Design & Creative#responsive design#layout design#brand consistency#Figma integration#Astro components
AuthorClvrwrk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of creating section-level Astro components for AIA4 page builds, leveraging Figma blueprints and brand guidelines to ensure consistency and quality.
Core Features & Use Cases
- Layout Composition: Automatically generate Astro components for hero, service-overview, benefits-grid, applications, quality-process, gallery, case-studies, faq, related, and cta-banner sections.
- Brand Consistency: Integrates with brand canon and semantic tokens to maintain visual consistency across the site.
- Responsive Design: Ensures that layouts are optimized for mobile, tablet, and desktop devices.
Quick Start
Build the layout for the 'about' page using the aia4-layout skill and the provided Figma blueprint.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: aia4-layout Download link: https://github.com/Clvrwrk/PEW-V1/archive/main.zip#aia4-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.