Comprehensive Ui Module
Enterprise-grade skill for design, intelligence, styles, palettes. Includes structured workflows, validation checks, and reusable patterns for creative design.
Comprehensive Ui Module
Overview
Enterprise-grade skill for design, intelligence, styles, palettes. Includes structured workflows, validation checks, and reusable patterns for creative design.
This skill provides a structured approach to creative design tasks, with built-in best practices and validation.
When to Use
Activate this skill when working on creative design tasks that require:
- Structured analysis and implementation planning
- Code generation following established patterns
- Quality validation and testing workflows
- Documentation and knowledge capture
Workflow
Step 1: Analysis
- Examine the current codebase and project structure
- Identify existing patterns and conventions
- Map dependencies and potential impact areas
Step 2: Implementation
- Follow the project's established coding standards
- Generate code with comprehensive error handling
- Include inline documentation for complex logic
- Apply appropriate design patterns
Step 3: Verification
- Run existing test suites to verify no regressions
- Generate new tests for added functionality
- Validate edge cases and error scenarios
- Review code quality and security implications
Key Capabilities
- UI/UX Pro Max - Design Intelligence: Handles Comprehensive, design, guide workflows with automated validation
- When to Apply: Handles Reference, these, guidelines workflows with automated validation
- Rule Categories by Priority: Handles Priority, Category, Impact workflows with automated validation
- 1. Accessibility (CRITICAL): Handles color, contrast, Minimum workflows with automated validation
- 2. Touch & Interaction (CRITICAL): Handles touch, target, Minimum workflows with automated validation
Configuration
name: comprehensive-ui-module description: Comprehensive Ui Module for creative design workflows category: creative-design
Best Practices
- Always review output before applying changes
- Test in a development environment first
- Back up important files before running automated operations
- Customize the configuration to match your project's conventions
Reviews
No reviews yet. Be the first to review this template!
Similar Templates
Full-Stack Code Reviewer
Comprehensive code review skill that checks for security vulnerabilities, performance issues, accessibility, and best practices across frontend and backend code.
Test Suite Generator
Generates comprehensive test suites with unit tests, integration tests, and edge cases. Supports Jest, Vitest, Pytest, and Go testing.
Pro Architecture Workspace
Battle-tested skill for architectural, decision, making, framework. Includes structured workflows, validation checks, and reusable patterns for development.