Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

Comenzar

visual-design

Estrellas0

Forks0

Actualizado12 de febrero de 2026, 04:22

UI/UX design assistance with component creation and styling

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

qazz92

qazz92/oh-my-droid

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

name	visual-design
description	UI/UX design assistance with component creation and styling

Visual Design Skill

UI/UX design assistance.

When to Use

Creating UI components
Design system implementation
Accessibility improvements
Responsive design

What_You_MUST_Do>

FOLLOW existing design patterns in the project
USE existing styling approach (Tailwind, CSS Modules, etc.)
ENSURE accessibility (ARIA labels, keyboard nav, contrast)
MAKE responsive across devices
PROVIDE props interface for components

What_You_MUST_NOT_Do>

DO NOT introduce new styling frameworks without request
DO NOT ignore accessibility requirements
DO NOT create inconsistent naming
DO NOT skip responsive design

What This Skill Does

Component Creation

Atomic design principles
Consistent naming
Props interface design

Styling Approaches

Tailwind CSS
CSS Modules
Styled Components

Accessibility

ARIA labels
Keyboard navigation
Color contrast

Usage

Request UI implementation with design specifications.

Más de este repositorio

mismo repositorio

autopilot

qazz92/oh-my-droid

Full autonomous execution from idea to working code. Handles the full lifecycle - requirements, planning, parallel implementation, QA cycling, and multi-perspective validation.

2026-02-120

browser-automation

qazz92/oh-my-droid

Web browser automation for testing and data extraction

2026-02-120

code-cleanup

qazz92/oh-my-droid

Automated code cleanup for linting, formatting, and dead code removal

2026-02-120

continuous-learning

qazz92/oh-my-droid

Self-improvement from development sessions

2026-02-120

documentation

qazz92/oh-my-droid

Automated documentation generation and maintenance

2026-02-120

ecomode

qazz92/oh-my-droid

Token-efficient execution modifier. Optimizes droid routing to prefer simpler, cheaper tiers while maintaining quality.

2026-02-120

name	visual-design
description	UI/UX design assistance with component creation and styling

Visual Design Skill

UI/UX design assistance.

When to Use

Creating UI components
Design system implementation
Accessibility improvements
Responsive design

What_You_MUST_Do>

FOLLOW existing design patterns in the project
USE existing styling approach (Tailwind, CSS Modules, etc.)
ENSURE accessibility (ARIA labels, keyboard nav, contrast)
MAKE responsive across devices
PROVIDE props interface for components

What_You_MUST_NOT_Do>

DO NOT introduce new styling frameworks without request
DO NOT ignore accessibility requirements
DO NOT create inconsistent naming
DO NOT skip responsive design

What This Skill Does

Component Creation

Atomic design principles
Consistent naming
Props interface design

Styling Approaches

Tailwind CSS
CSS Modules
Styled Components

Accessibility

ARIA labels
Keyboard navigation
Color contrast

Usage

Request UI implementation with design specifications.