무료GitHub에 공개한국어 소개

redesign

기존 UI 컴포넌트를 살펴보고 시각적 또는 조작상의 문제 세 가지를 찾습니다. 프로젝트의 디자인 규칙에 맞는 레이아웃, 여백, 색상, 코드 수정안을 구체적으로 제시하고 짧은 변경 전후 예시를 제공합니다.

원문원문 설명 보기

Critique and improve the visual design of an existing UI component with concrete implementation guidance. Use when the user asks to redesign, restyle, reimagine, polish, or improve a component, screen, or interface, especially in React and Tailwind codebases.

ParadevAI/Paradev스타 15,724(GitHub 15,724 + cccskills 0)

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

기존 컴포넌트 다듬기
여백과 시각적 위계 검토
React와 Tailwind 화면 개선
구체적인 코드 변경안 비교

한국어 소개

할 수 있는 일

기존 UI 컴포넌트와 주변 레이아웃을 살펴보고 시각적 또는 조작상의 문제 세 가지를 구체적으로 찾습니다. 정보의 위계, 여백, 대비, 정렬, 화면 크기 대응을 검토합니다. 각 문제에 대해 레이아웃이나 Tailwind 수정안을 제시하고, 의미 있는 클래스나 구조 변경만 담은 짧은 변경 전후 예시를 보여 줍니다.

이럴 때 유용합니다

이미 동작하는 화면을 다듬거나, “읽기 어렵다”는 피드백을 받았지만 어디를 고쳐야 할지 정하지 못했을 때 사용할 수 있습니다. 특히 React와 Tailwind 프로젝트에서 기존 색상 및 여백 규칙과 컴포넌트 사용 방식에 맞춰 개선하려는 경우에 적합합니다.

사용 예시

“이 컴포넌트의 시각적·조작상 문제 세 가지를 찾고 개선안을 제시해 주세요.”
“기존 디자인 규칙에 맞게 여백과 정보 위계를 정리하고 변경 전후를 보여 주세요.”

주의 사항

실제 컴포넌트와 주변 코드를 확인해야 합니다. 구현까지 요청한 경우에는 변경 후 해당 저장소에서 정한 UI 확인 절차에 따라 검증합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

문서 점검

AI가 SKILL.md의 내용에서 주의가 필요한 작업과 도입 전제를 확인했습니다. 점수는 실제로 실행한 결과(실행 검증)만으로 매깁니다.

안전성전송·삭제·명령 실행 등을 명시하고 있는가: A양호수정 구현 후 저장소에서 정한 UI 검증 절차를 따르도록 명시합니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가: A양호제공된 자료에는 API 키나 추가 도구 요구 사항이 언급되어 있지 않습니다.

점수에는 넣지 않았습니다. 2026년 10월 29일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

포함된 파일(2)

SKILL.md1.1 KB
agents/openai.yaml186 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Redesign

Inspect the real component and its surrounding layout before proposing changes. Reuse the repository's existing design tokens, primitives, and component conventions.

Respond in this order:

Identify the component and file being redesigned.
Name three concrete visual or interaction issues, such as hierarchy, spacing, contrast, alignment, responsiveness, or affordance.
Propose specific layout, token, component, and Tailwind changes for each issue.
Show a short before-and-after excerpt containing only the meaningful class or structure changes.
If implementation was requested, make the changes and verify them using the repository's required UI workflow.

Keep the critique concise and grounded in the current code. Do not invent a new visual language when the repository already provides one.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬

10x

무료요약 있음

Superset 사용 현황을 살펴보고 아직 쓰지 않는 기능 중 업무 방식에 맞는 항목을 제안합니다. 각 기능을 설명하고, 사용자가 고른 예약 실행 에이전트나 병렬 작업 공간, 공유 작업 등을 설정합니다.

사용하지 않는 Superset 기능 찾기
에이전트 예약 실행 설정
여러 작업 공간에서 병렬 작업