원클릭으로 Manus에서 모든 스킬 실행

시작하기

visual-design

스타0

포크0

업데이트2026년 2월 12일 04:22

UI/UX design assistance with component creation and styling

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

qazz92

qazz92/oh-my-droid

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

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.

이 저장소의 다른 Skills

같은 저장소

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.