diff --git a/docs/agent-skills.md b/docs/agent-skills.md index 4ee898d..d638ecc 100644 --- a/docs/agent-skills.md +++ b/docs/agent-skills.md @@ -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 | diff --git a/docs/agents.md b/docs/agents.md index 926d94e..64a4635 100644 --- a/docs/agents.md +++ b/docs/agents.md @@ -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 diff --git a/docs/plugins.md b/docs/plugins.md index 96d3f9b..3271568 100644 --- a/docs/plugins.md +++ b/docs/plugins.md @@ -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)