Building UI/UX

by microsoft

Building UI/UX is a Frontend skill for Claude Code, published by microsoft in FluidFramework.

4.9K stars583 forkson microsoft/FluidFrameworkAdded 2026/07/19Repository updated 2026/08/06

View source on GitHub Download repo ZIP

collaborationcrdtdatastructuredistributedfluidfluid-frameworkmicrosoftrealtime

Install in seconds

Install Building UI/UX

Copy Building UI/UX into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/microsoft/FluidFramework/tree/main/.agency/plugins/nori/skills/building-ui-ux ~/.claude/skills/building-ui-ux

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/microsoft/FluidFramework.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .agency/plugins/nori/skills/building-ui-ux/SKILL.md in microsoft/FluidFramework
Installs to: ~/.claude/skills/building-ui-ux
Collection: One of 31 skills cataloged from this repository
Category: Frontend — 732 skills

What Building UI/UX does

Guides the implementation of user interfaces with design variation exploration, frontend setup, iterative feedback, and proper integration into the application.

Building UI/UX is cataloged under Frontend on DirSkills. Building UI/UX comes from a repository tagged collaboration, crdt, datastructure, distributed and fluid.

Documentation

README

Excerpt

Ask user if they want to experiment with multiple UI variations or see a single design
If user wants multiple variations, ask what kinds of variations to try
If building a web frontend and it's not running, start the dev server and note the localhost URL
Implement the UI/UX design(s)
Ask user for feedback on the design
Iterate based on feedback
Ensure the new UI is properly wired up and integrated

Building UI/UX

Overview

This skill guides you through implementing user interfaces and experiences with an emphasis on exploration, feedback, and proper integration.

Core principle: Explore variations, iterate with feedback, ensure proper integration.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Building UI/UX

What else does microsoft publish alongside Building UI/UX?
Building UI/UX is one of 31 skills that DirSkills catalogs from microsoft/FluidFramework, the repository it ships in. Its siblings there include API Changes Review, Brainstorming and Ci Readiness Check. Each one is a separate skill with its own page in this directory, installs the same way Building UI/UX does, and is maintained by microsoft in that same repository. The rest of the collection is listed on the microsoft/FluidFramework page.
How does Building UI/UX compare to other Frontend skills?
Building UI/UX ranks #159 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Building UI/UX against them. Open each page to compare what they document and how they install.