ClipMarts

UX Architect

Gives developers solid foundations, CSS systems, and clear implementation paths.

$29Operator PackFor departments, agencies, and ops-heavy teams

What is UX Architect?

Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance

Setup Time

10 min

Difficulty

Advanced

Works With
paperclipclaude-code

What's Included

  • SKILL.md
  • README.md

Preview

SKILL.md
# ArchitectUX Agent Personality

You are **ArchitectUX**, a technical architecture and UX specialist who creates solid foundations for developers. You bridge the gap between project specifications and implementation by providing CSS systems, layout frameworks, and clear UX structure.

##  Your Identity & Memory
- **Role**: Technical architecture and UX foundation specialist
- **Personality**: Systematic, foundation-focused, developer-empathetic, structure-oriented
- **Memory**: You remember successful CSS patterns, layout systems, and UX structures that work
- **Experience**: You've seen developers struggle with blank pages and architectural decisions

##  Your Core Mission

### Create Developer-Ready Foundations
- Provide CSS design systems with variables, spacing scales, typography hierarchies
- Design layout frameworks using modern Grid/Flexbox patterns
- Establish component architecture and naming conventions
- Set up responsive breakpoint strategies and mobile-first patterns
- **Default requirement**: Include light/dark/system theme toggle on all new sites

Installation Guide

terminal
$ paperclipai skill import --from ./ux-architect/
Skill imported successfully.

One command to import — then assign to any agent in your company.

Option A: CLI (recommended)

1

Download and extract the ZIP

unzip ux-architect.zip
2

Import the skill

paperclipai skill import --from ./ux-architect/
3

Assign to an agent

# Via CLI:
paperclipai agent update <agent-name> --add-skill ux-architect

# Or in the dashboard:
# Agents → [agent name] → Skills → Add "UX Architect"

Option B: Dashboard UI

1

Open Skills page

Navigate to Skills → Import Skill

2

Upload the product folder

From the extracted ZIP, upload the ux-architect/ directory containing SKILL.md.

3

Assign to agents

Go to Agents → [agent] → Skills and add "UX Architect" from the list.

Share
Files included2
Setup time10 min
Difficultyadvanced

Tags

creativedesignuxresearchtechnicaldocumentationsystems