Design And User Experience Guidelines

'use strict';
/**
 * Post-execute hook for design-and-user-experience-guidelines
 * Auto-generated by enterprise-bundle-scaffolder
 *
 * Records metrics after skill execution.
 */

function postExecute(_context) {
  // Record execution metrics
  return { ok: true, skill: 'design-and-user-experience-guidelines' };
}

module.exports = { postExecute };

'use strict';
/**
 * Pre-execute hook for design-and-user-experience-guidelines
 * Auto-generated by enterprise-bundle-scaffolder
 *
 * Validates inputs before skill execution.
 */

function preExecute(context) {
  // Validate skill invocation context
  if (!context || typeof context !== 'object') {
    return {
      allow: true,
      message: 'design-and-user-experience-guidelines: no context to validate',
    };
  }
  return { allow: true };
}

module.exports = { preExecute };

---
description: Specifies design and user experience guidelines, including dark mode compatibility, responsive design, performance optimization, modern UI, and accessibility. This rule promotes a user-friendly and visually appealing application.
globs: **/*
---
- |-
  13. Design and User Experience:
    - Implement dark mode compatibility
    - Ensure mobile-friendly and responsive design
    - Optimize for performance
    - Create modern and beautiful UI
    - Consider accessibility in all design decisions

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "title": "design-and-user-experience-guidelinesInput",
  "description": "Input schema for Specifies design and user experience guidelines, including dark mode compatibility, responsive design, performance optimization, modern UI, and accessibility. This rule promotes a user-friendly and vi",
  "type": "object",
  "additionalProperties": true,
  "properties": {
    "target": {
      "type": "string",
      "description": "Target file or path for the skill to operate on"
    },
    "options": {
      "type": "object",
      "description": "Additional options for skill execution",
      "additionalProperties": true
    }
  }
}

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "title": "design-and-user-experience-guidelinesOutput",
  "type": "object",
  "additionalProperties": true,
  "properties": {
    "ok": {
      "type": "boolean"
    },
    "summary": {
      "type": "string"
    }
  }
}

#!/usr/bin/env node
/**
 * design-and-user-experience-guidelines - Rule-based Skill
 * Converted from: design-and-user-experience-guidelines.mdc
 */

const fs = require('fs');
const path = require('path');

// Parse arguments
const args = process.argv.slice(2);
const options = {};
for (let i = 0; i < args.length; i++) {
  if (args[i].startsWith('--')) {
    const key = args[i].slice(2);
    const value = args[i + 1] && !args[i + 1].startsWith('--') ? args[++i] : true;
    options[key] = value;
  }
}

if (options.help) {
  console.log(`
design-and-user-experience-guidelines - Code Guidelines Skill

Usage:
  node main.cjs --check <file>    Check a file against guidelines
  node main.cjs --list            List all guidelines
  node main.cjs --help            Show this help

Description:
  Specifies design and user experience guidelines, including dark mode compatibility, responsive design, performance optimization, modern UI, and accessibility. This rule promotes a user-friendly and visually appealing application.
`);
  process.exit(0);
}

if (options.list) {
  console.log('Guidelines for design-and-user-experience-guidelines:');
  console.log('See SKILL.md for full guidelines');
  process.exit(0);
}

console.log('design-and-user-experience-guidelines skill loaded. Use with Claude for code review.');