mirror of
https://github.com/wshobson/agents.git
synced 2026-03-18 09:37:15 +00:00
docs: add ui-design plugin to agents, skills, and plugins documentation
This commit is contained in:
Seth Hobson
@@ -1,6 +1,6 @@
|
||||
# Agent Skills
|
||||
|
||||
Agent Skills are modular packages that extend Claude's capabilities with specialized domain knowledge, following Anthropic's [Agent Skills Specification](https://github.com/anthropics/skills/blob/main/agent_skills_spec.md). This plugin ecosystem includes **110 specialized skills** across 19 plugins, enabling progressive disclosure and efficient token usage.
|
||||
Agent Skills are modular packages that extend Claude's capabilities with specialized domain knowledge, following Anthropic's [Agent Skills Specification](https://github.com/anthropics/skills/blob/main/agent_skills_spec.md). This plugin ecosystem includes **129 specialized skills** across 27 plugins, enabling progressive disclosure and efficient token usage.
|
||||
|
||||
## Overview
|
||||
|
||||
@@ -203,6 +203,20 @@ Skills provide Claude with deep expertise in specific domains without loading ev
|
||||
| **tailwind-design-system** | Create design systems with Tailwind CSS and component libraries |
|
||||
| **react-native-architecture** | Architect React Native apps with navigation and native modules |
|
||||
|
||||
### UI Design (9 skills)
|
||||
|
||||
| Skill | Description |
|
||||
| ------------------------------ | ---------------------------------------------------------------------- |
|
||||
| **design-system-patterns** | Build scalable design systems with tokens, components, and theming |
|
||||
| **accessibility-compliance** | Implement WCAG 2.1/2.2 compliance with proper ARIA and keyboard nav |
|
||||
| **responsive-design** | Create fluid layouts with CSS Grid, Flexbox, and container queries |
|
||||
| **mobile-ios-design** | Design iOS apps following Human Interface Guidelines |
|
||||
| **mobile-android-design** | Design Android apps following Material Design 3 guidelines |
|
||||
| **react-native-design** | Cross-platform design patterns for React Native applications |
|
||||
| **web-component-design** | Build accessible, reusable web components with Shadow DOM |
|
||||
| **interaction-design** | Create micro-interactions, animations, and gesture-based interfaces |
|
||||
| **visual-design-foundations** | Apply typography, color theory, spacing, and visual hierarchy |
|
||||
|
||||
### Game Development (2 skills)
|
||||
|
||||
| Skill | Description |
|
||||
|
||||
@@ -23,13 +23,16 @@ Complete reference for all **100 specialized AI agents** organized by category w
|
||||
|
||||
#### UI/UX & Mobile
|
||||
|
||||
| Agent | Model | Description |
|
||||
| ---------------------------------------------------------------------------------------- | ------ | -------------------------------------------------- |
|
||||
| [ui-ux-designer](../plugins/multi-platform-apps/agents/ui-ux-designer.md) | sonnet | Interface design, wireframes, design systems |
|
||||
| [ui-visual-validator](../plugins/accessibility-compliance/agents/ui-visual-validator.md) | sonnet | Visual regression testing and UI verification |
|
||||
| [mobile-developer](../plugins/multi-platform-apps/agents/mobile-developer.md) | sonnet | React Native and Flutter application development |
|
||||
| [ios-developer](../plugins/multi-platform-apps/agents/ios-developer.md) | sonnet | Native iOS development with Swift/SwiftUI |
|
||||
| [flutter-expert](../plugins/multi-platform-apps/agents/flutter-expert.md) | sonnet | Advanced Flutter development with state management |
|
||||
| Agent | Model | Description |
|
||||
| ---------------------------------------------------------------------------------------------- | ------ | ------------------------------------------------------- |
|
||||
| [ui-designer](../plugins/ui-design/agents/ui-designer.md) | opus | UI/UX design for mobile and web with modern patterns |
|
||||
| [accessibility-expert](../plugins/ui-design/agents/accessibility-expert.md) | opus | WCAG compliance, accessibility audits, inclusive design |
|
||||
| [design-system-architect](../plugins/ui-design/agents/design-system-architect.md) | opus | Design tokens, component libraries, theming systems |
|
||||
| [ui-ux-designer](../plugins/multi-platform-apps/agents/ui-ux-designer.md) | sonnet | Interface design, wireframes, design systems |
|
||||
| [ui-visual-validator](../plugins/accessibility-compliance/agents/ui-visual-validator.md) | sonnet | Visual regression testing and UI verification |
|
||||
| [mobile-developer](../plugins/multi-platform-apps/agents/mobile-developer.md) | sonnet | React Native and Flutter application development |
|
||||
| [ios-developer](../plugins/multi-platform-apps/agents/ios-developer.md) | sonnet | Native iOS development with Swift/SwiftUI |
|
||||
| [flutter-expert](../plugins/multi-platform-apps/agents/flutter-expert.md) | sonnet | Advanced Flutter development with state management |
|
||||
|
||||
### Programming Languages
|
||||
|
||||
|
||||
@@ -116,14 +116,15 @@ Next.js, React + Vite, and Node.js project setup with pnpm and TypeScript best p
|
||||
|
||||
## Complete Plugin Catalog
|
||||
|
||||
### 🎨 Development (4 plugins)
|
||||
### 🎨 Development (5 plugins)
|
||||
|
||||
| Plugin | Description | Install |
|
||||
| ------------------------------- | ------------------------------------------------- | --------------------------------------------- |
|
||||
| **debugging-toolkit** | Interactive debugging and DX optimization | `/plugin install debugging-toolkit` |
|
||||
| **backend-development** | Backend API design with GraphQL and TDD | `/plugin install backend-development` |
|
||||
| **frontend-mobile-development** | Frontend UI and mobile development | `/plugin install frontend-mobile-development` |
|
||||
| **multi-platform-apps** | Cross-platform app coordination (web/iOS/Android) | `/plugin install multi-platform-apps` |
|
||||
| Plugin | Description | Install |
|
||||
| ------------------------------- | ---------------------------------------------------------------- | --------------------------------------------- |
|
||||
| **debugging-toolkit** | Interactive debugging and DX optimization | `/plugin install debugging-toolkit` |
|
||||
| **backend-development** | Backend API design with GraphQL and TDD | `/plugin install backend-development` |
|
||||
| **frontend-mobile-development** | Frontend UI and mobile development | `/plugin install frontend-mobile-development` |
|
||||
| **ui-design** | UI/UX design for mobile (iOS, Android, React Native) and web | `/plugin install ui-design` |
|
||||
| **multi-platform-apps** | Cross-platform app coordination (web/iOS/Android) | `/plugin install multi-platform-apps` |
|
||||
|
||||
### 📚 Documentation (3 plugins)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user