🎯

gui-design-principles

🎯Skill

from bejranonda/llm-autonomous-agent-plugin-for-claude

What it does

Guides developers in applying essential graphical user interface (GUI) design principles to create intuitive and user-friendly software interfaces.

📦

Part of

bejranonda/llm-autonomous-agent-plugin-for-claude(25 items)

gui-design-principles

Installation

PythonRun Python server

python lib/web_page_validator.py http://localhost:3000 --screenshot

PythonRun Python server

python lib/web_page_validator.py http://localhost:3000/dashboard \

PythonRun Python server

python lib/web_page_validator.py http://localhost:3000 --viewport all --screenshot

Install PluginInstall plugin from marketplace

/plugin install https://github.com/bejranonda/LLM-Autonomous-Agent-Plugin-for-Claude

Claude CodeAdd plugin in Claude Code

/plugin list

+ 2 more commands

📖 Extracted from docs: bejranonda/llm-autonomous-agent-plugin-for-claude

Need more details? View full documentation on GitHub →

2Installs

AddedFeb 6, 2026

View on GitHub Back to Skills

More from this repository10

🏪

bejranonda-llm-autonomous-agent-plugin-for-claude🏪Marketplace

Premium marketplace for revolutionary autonomous AI agents featuring four-tier architecture, intelligent pattern learning, comprehensive quality control, and full-stack validation with 80-90% auto-fix success rates.

🎯

web-validation🎯Skill

Validates web applications by detecting JavaScript errors, capturing screenshots, testing authentication flows, and monitoring browser console across multiple device viewports.

🎯

integrity-validation🎯Skill

Validates system integrity by performing pre and post-operation component inventories, detecting missing elements, and generating immediate recovery alerts.

🎯

security-patterns🎯Skill

Implements security design pattern recognition and recommendation strategies for software architecture and code development.

🎯

autonomous-development🎯Skill

Autonomously plans, breaks down, and implements software development projects with incremental milestones, auto-debugging, and continuous quality validation.

🎯

model-detection🎯Skill

Detects and configures AI models dynamically to optimize cross-model compatibility and performance.

🎯

predictive-skill-loading🎯Skill

Predicts and dynamically loads relevant skills for Claude based on context and task requirements to enhance autonomous agent capabilities.

🎯

decision-frameworks🎯Skill

Evaluates complex decisions using structured frameworks like SWOT, cost-benefit analysis, and decision trees to provide systematic problem-solving guidance.

🎯

web-artifacts-builder🎯Skill

Builds production-ready web applications using React, Tailwind CSS, and shadcn/ui with a focus on type safety, accessibility, and performance.

🎯

validation-standards🎯Skill

Validates Claude Code tool usage by enforcing strict rules for file reading, editing, writing, and preventing common operational errors.