dpnmw/agents
1
0
Fork 0
mirror of https://github.com/wshobson/agents.git synced 2026-03-18 09:37:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: format all files with prettier

Browse Source
This commit is contained in:
Seth Hobson
2026-01-19 17:07:03 -05:00
parent 8d37048deb
commit 56848874a2
355 changed files with 15215 additions and 10241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
plugins/ui-design/README.md
View File

@@ -5,6 +5,7 @@ Comprehensive UI/UX design plugin covering mobile (iOS, Android, React Native) a
## Features
### Core Capabilities
- **Design Systems**: Token architecture, theming, multi-brand systems
- **Accessibility**: WCAG 2.2 compliance, inclusive design patterns
- **Responsive Design**: Container queries, fluid layouts, breakpoints
@@ -14,34 +15,34 @@ Comprehensive UI/UX design plugin covering mobile (iOS, Android, React Native) a
## Skills
| Skill | Description |
|-------|-------------|
| `design-system-patterns` | Design tokens, theming, component architecture |
| `accessibility-compliance` | WCAG 2.2, mobile a11y, inclusive design |
| `responsive-design` | Container queries, fluid layouts, breakpoints |
| `mobile-ios-design` | iOS Human Interface Guidelines, SwiftUI patterns |
| `mobile-android-design` | Material Design 3, Jetpack Compose patterns |
| `react-native-design` | React Native styling, navigation, animations |
| `web-component-design` | React/Vue/Svelte component patterns, CSS-in-JS |
| `interaction-design` | Microinteractions, motion design, transitions |
| `visual-design-foundations` | Typography, color theory, spacing, iconography |
| Skill | Description |
| --------------------------- | ------------------------------------------------ |
| `design-system-patterns` | Design tokens, theming, component architecture |
| `accessibility-compliance` | WCAG 2.2, mobile a11y, inclusive design |
| `responsive-design` | Container queries, fluid layouts, breakpoints |
| `mobile-ios-design` | iOS Human Interface Guidelines, SwiftUI patterns |
| `mobile-android-design` | Material Design 3, Jetpack Compose patterns |
| `react-native-design` | React Native styling, navigation, animations |
| `web-component-design` | React/Vue/Svelte component patterns, CSS-in-JS |
| `interaction-design` | Microinteractions, motion design, transitions |
| `visual-design-foundations` | Typography, color theory, spacing, iconography |
## Agents
| Agent | Description |
|-------|-------------|
| `ui-designer` | Proactive UI design, component creation, layout optimization |
| `accessibility-expert` | A11y analysis, WCAG compliance, remediation |
| `design-system-architect` | Design token systems, component libraries, theming |
| Agent | Description |
| ------------------------- | ------------------------------------------------------------ |
| `ui-designer` | Proactive UI design, component creation, layout optimization |
| `accessibility-expert` | A11y analysis, WCAG compliance, remediation |
| `design-system-architect` | Design token systems, component libraries, theming |
## Commands
| Command | Description |
|---------|-------------|
| `/ui-design:design-review` | Review existing UI for issues and improvements |
| `/ui-design:create-component` | Guided component creation with proper patterns |
| `/ui-design:accessibility-audit` | Audit UI code for WCAG compliance |
| `/ui-design:design-system-setup` | Initialize a design system with tokens |
| Command | Description |
| -------------------------------- | ---------------------------------------------- |
| `/ui-design:design-review` | Review existing UI for issues and improvements |
| `/ui-design:create-component` | Guided component creation with proper patterns |
| `/ui-design:accessibility-audit` | Audit UI code for WCAG compliance |
| `/ui-design:design-system-setup` | Initialize a design system with tokens |
## Installation
@@ -52,21 +53,25 @@ Comprehensive UI/UX design plugin covering mobile (iOS, Android, React Native) a
## Usage Examples
### Design Review
```
/ui-design:design-review --file src/components/Button.tsx
```
### Create Component
```
/ui-design:create-component Card --platform react
```
### Accessibility Audit
```
/ui-design:accessibility-audit --level AA
```
### Design System Setup
```
/ui-design:design-system-setup --name "Acme Design System"
```
@@ -74,22 +79,26 @@ Comprehensive UI/UX design plugin covering mobile (iOS, Android, React Native) a
## Key Technologies Covered
### Web
- CSS Grid, Flexbox, Container Queries
- Tailwind CSS, CSS-in-JS (Styled Components, Emotion)
- React, Vue, Svelte component patterns
- Framer Motion, GSAP animations
### Mobile
- **iOS**: SwiftUI, UIKit, Human Interface Guidelines
- **Android**: Jetpack Compose, Material Design 3
- **React Native**: StyleSheet, Reanimated, React Navigation
### Design Systems
- Design tokens (Style Dictionary, Figma Variables)
- Component libraries (Storybook documentation)
- Multi-brand theming
### Accessibility
- WCAG 2.2 AA/AAA compliance
- ARIA patterns and semantic HTML
- Screen reader compatibility