Skills
.Work. You
Rest

ui-developer

Community

Build polished React UI components with style.

Software Engineering#typescript#ui#accessibility#frontend#react#styling#component
Authorartsmc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Ui Developer skill encapsulates the need for consistent, high-quality visual implementation of React components, handling TSX creation, styling (CSS/SCSS/Tailwind), ensuring responsive layouts, and implementing basic user interactions (e.g., dropdowns, modals) to align with design systems.

Core Features & Use Cases

  • TSX component development and refactoring for React applications.
  • Styling with CSS/SCSS/Tailwind to match design systems and ensure accessibility.
  • Implementing basic interactions (dropdowns, modals, hover states) with responsive behavior across devices.
  • Use Case: Reuse a button and modal pair across pages, maintaining consistent interaction patterns and focus management.

Quick Start

Tell the Ui Developer to implement a React UI component based on a specified task and verify it with automated Playwright tests.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: ui-developer
Download link: https://github.com/artsmc/codex-agentic/archive/main.zip#ui-developer

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.