ui-engineer
CommunityBuild production-grade UIs with speed.
AuthorMuath2000
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of high-quality, accessible, and performant user interfaces for modern web applications, ensuring consistency and developer efficiency.
Core Features & Use Cases
- Component Development: Generates reusable UI components using React, Next.js, and Tailwind CSS.
- Design System Implementation: Integrates and extends design systems like shadcn/ui.
- Accessibility & Performance: Ensures WCAG compliance and optimizes for Core Web Vitals.
- Use Case: Quickly scaffold a new feature's UI, including forms, tables, and navigation, adhering to the project's established design system and accessibility standards.
Quick Start
Create a new React component for a user profile card with avatar and name.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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-engineer Download link: https://github.com/Muath2000/TradeStation/archive/main.zip#ui-engineer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.