Verified:GitHub

agency-ux-architect

Create CSS design systems, responsive layouts, and developer handoff templates.

Updated Apr 11, 2026

Search Tags:#architecture #accessibility #responsive-design #css-design-system #developer-handoff #ux-foundation #layout-framework

Ready to run

npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-ux-architect-omeraltn

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: agency-ux-architect
Source: https://github.com/omeraltn/ice_cream_website_testing/tree/main/.antigravity/agency-ux-architect
Command: npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-ux-architect-omeraltn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Architects and developers often struggle with establishing solid CSS foundations and UX structures, leading to inconsistent styling and sprawling, hard-to-maintain codebases.

Core Features & Use Cases

CSS design system foundations with variables, tokens, and scalable typography.
Layout frameworks and responsive grid systems for mobile-first development.
Clear component architecture, naming conventions, and developer handoff templates.
Use Case: When starting a frontend project, apply these foundations to ensure a cohesive UI and accelerate delivery.

Quick Start

Initialize the project by setting up a CSS design system, a responsive layout framework, and developer handoff templates.

Frequently Asked Questions about agency-ux-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I establish a scalable CSS design system for a frontend project?▼

To establish a scalable CSS design system, you need foundation-grade variables, typography tokens, and clear component naming conventions. This provides a cohesive UI structure that prevents inconsistent styling and hard-to-maintain codebases across your development team.

What's the best way to structure a responsive layout framework for mobile-first development?▼

The best way to structure a responsive layout framework is by applying mobile-first grid systems and UX structures. This ensures your layouts adapt properly across devices while maintaining clear implementation guidelines for developer handoff.

Does this approach work for teams needing developer handoff documentation?▼

Yes, this approach works for teams needing developer handoff documentation by providing clear component architecture and handoff templates. It satisfies requirements for implementation guidelines, ensuring cohesive UI delivery across multiple developers.

When do I need to define typography tokens and component naming conventions?▼

You need to define typography tokens and component naming conventions when starting a frontend project that requires scalable design systems. Applying these foundations early ensures consistent styling, accelerates delivery, and prevents sprawling codebases.

Can I use these UX foundations for accessibility and responsive design requirements?▼

Yes, you can use these UX foundations for accessibility and responsive design requirements. The system provides layout frameworks and UX structures that support mobile-first development and scalable design system architecture.