Skills
.Work. You
Rest

ux-architect

Community

Build solid foundations for developers.

Design & Creative#architecture#layout#responsive design#design system#css#ux#developer foundation
AuthorLikas07
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides developers with robust technical foundations, including CSS systems, layout frameworks, and clear implementation guidance, to streamline the development process and ensure scalability.

Core Features & Use Cases

  • CSS Design Systems: Generates comprehensive CSS variable systems for colors, typography, and spacing.
  • Layout Frameworks: Creates responsive grid and flexbox-based layout structures.
  • UX Structure Planning: Defines information architecture, visual weight, and interaction patterns.
  • Use Case: A project manager provides a task list, and this Skill generates a complete CSS design system and layout specification, ready for a developer to implement, ensuring a consistent and scalable user interface from the start.

Quick Start

Use the ux-architect skill to generate a CSS design system and layout framework based on the provided project specifications.

Dependency Matrix

Required Modules

None required

Components

referencesscripts

💻 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: ux-architect
Download link: https://github.com/Likas07/t3code-skills/archive/main.zip#ux-architect

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.