skills.rest
the-walking-agency-det
the-walking-agency-detCOMMUNITY
Explore all skills by this author →
GitHub

UI/UX Expert

Enforce indiiOS design tokens, accessibility, and responsive motion across interfaces.

Updated Aug 23, 2026
Search Tags:#accessibility#tokens#design-system#responsive-design#framer-motion#dark-mode#uiux
One-click install
npx skills add https://github.com/the-walking-agency-det/indiiOS-Alpha-Electron --skill ui-ux-expert-the-walking-agency-det
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UI/UX Expert
Source: https://github.com/the-walking-agency-det/indiiOS-Alpha-Electron/tree/main/skills/uiux
Command: npx skills add https://github.com/the-walking-agency-det/indiiOS-Alpha-Electron --skill ui-ux-expert-the-walking-agency-det

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline and standardize the indiiOS user experience by enforcing a cohesive design system, accessible interfaces, and responsive layouts with motion patterns.

Core Features & Use Cases

  • Design Tokens and CSS variables usage across components to ensure consistency.
  • Accessibility best practices, including proper labeling, focus management, and color contrast.
  • Micro-interactions and motion guidelines using Framer Motion for polished UX.
  • Mobile-first patterns and dark mode support for multi-platform experiences.

Quick Start

Implement the indiiOS UI/UX guidelines in a new screen, applying glass-card components, token-driven styles, and motion interactions.

Frequently Asked Questions about UI/UX Expert

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

FAQPage Schema
How do I implement a design system with consistent tokens and dark mode?▼

Implement a design system using CSS variables for design tokens to ensure styling consistency and dark mode toggling. This approach enforces cohesive visual standards across components and layouts while maintaining accessible interfaces.

How do I add Framer Motion micro-interactions to responsive UI layouts?▼

Add Framer Motion micro-interactions to responsive UI layouts by applying motion guidelines to interactive components. This ensures polished UX behavior across mobile-first patterns and multi-platform web or desktop surfaces.

What is the best way to ensure accessibility and color contrast in UI components?▼

Ensure accessibility and color contrast in UI components by enforcing proper labeling, focus management, and contrast ratios. These practices guarantee interfaces meet compliance standards across dashboards and interactive editors.

Can I use CSS variables for design tokens across web and desktop surfaces?▼

Yes, you can use CSS variables for design tokens across web and desktop surfaces. This token-driven styling method enforces visual consistency and supports responsive breakpoints for multi-platform experiences.

Does this UI approach support mobile-first responsive breakpoints and interactive editors?▼

Yes, this UI approach supports mobile-first responsive breakpoints and interactive editors. It enforces responsive behavior and motion interactions across interfaces, ensuring multi-platform experiences adapt correctly to varying screen sizes.

Why does my UI design system fail to maintain consistent styling across components?▼

Your UI design system fails to maintain consistent styling when not using CSS variables for design tokens. Applying token-driven styles and glass-card components enforces cohesive visual standards across all interfaces.

Related Skills

Explore More Design & Creative Skills→
houkehouke

frontend-ui-polish

Apply Framer Motion interactions and design tokens to frontend components.

Community
Intermediate
svngokusvngoku
8

ui-skills

Enforce UI consistency and accessibility constraints for React/Next.js projects.

Community
Advanced
DGouronDGouron
41

dashboard-styling

Apply token-driven styling conventions to dashboard components for responsive, accessible design.

Community
Intermediate
AhmedElhadareyAhmedElhadarey
2

eval-ui-ux

Audits UI/UX deliverables for design-system conformance, visual consistency, and usability.

Community
Advanced