skills.rest
tilework-tech
tilework-techOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Building UI/UX

Guide UI/UX implementation through design variations, feedback loops, and API integration.

149|10|Updated Oct 30, 2025
Search Tags:#web development#integration#user experience#UI/UX development#design iteration#frontend engineering
One-click install
npx skills add https://github.com/tilework-tech/nori-profiles --skill building-ui-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Building UI/UX
Source: https://github.com/tilework-tech/nori-profiles/tree/main/src/installer/features/profiles/config/_mixins/_swe/skills/building-ui-ux
Command: npx skills add https://github.com/tilework-tech/nori-profiles --skill building-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides you through implementing user interfaces and experiences with an emphasis on exploration, feedback, and proper integration, ensuring the final product meets user needs and technical standards.

Core Features & Use Cases

  • Design Exploration: Facilitates experimenting with multiple UI variations to find the best approach.
  • Iterative Feedback Loop: Guides presenting designs to the user, gathering feedback, and iterating until satisfaction.
  • Seamless Integration: Ensures new UI components are properly wired to data sources, routing, and state management.
  • Use Case: When designing a new user dashboard, use this skill to quickly prototype 2-3 variations, gather user feedback, and then integrate the chosen design flawlessly into the existing application.

Quick Start

I need to build a new login screen. Help me explore some UI variations and implement the best one.

Frequently Asked Questions about Building UI/UX

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

FAQPage Schema
How do I implement UI variations and iterate based on user feedback?▼

Iterative UI/UX development involves prototyping multiple design variations, presenting them to users, gathering feedback, and refining until the design meets requirements. This Skill guides you through exploration, feedback loops, and integration to ensure the final interface satisfies both user needs and technical standards.

What's the best way to integrate a new frontend design with APIs and routing?▼

Seamless integration wires UI components to data sources, state management, and routing through proper architecture. This Skill ensures new designs connect flawlessly to existing application infrastructure, avoiding disconnects between frontend implementation and backend systems.

Can I use this approach for web frontend projects with multiple design options?▼

Yes. This Skill applies to web development and UI initiatives where design variations are planned, implemented, tested, and iterated upon. It supports projects requiring exploration of multiple frontend approaches before committing to a final implementation.

How do I ensure my UI design meets accessibility and user experience standards?▼

UI/UX implementation requires planning variations, gathering user feedback through iterative cycles, and ensuring accessibility compliance alongside integration. This Skill guides fulfilling accessibility requirements while refining designs based on real user input.

What should I do before starting frontend design exploration?▼

Identify your frontend environment, define design variations to explore, and establish feedback channels with users. Preparation ensures the design exploration process targets the right platform and generates actionable user input for iteration.

Related Skills

Explore More Software Engineering Skills→
2good4me2good4me

ux-designer

Design user experiences with wireframes, user flows, and WCAG 2.1 AA compliance.

Community
Advanced
lalulalilalulali
8

iterate

Analyze post-launch product data and convert it into prioritized iteration actions.

Community
Advanced
nholder88nholder88
2

impl-typescript-frontend

Implement and refactor TypeScript frontend components across React, Vue, and Nuxt.

Community
Advanced
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced