claude

ui

frontend-design 기반으로 레퍼런스를 반영하고, 분야(대시보드·앱·웹)에 맞추고, AI가 만든 티가 나지 않는 UI를 설계·구현

0 on GitHubby LimjeongSikv0.2.3MITupdated 4 days agodesign
/

Plugin ui from marketplace baton in LimjeongSik/baton-workflow. Commands read from the repo's manifest — 4 days ago.

What it installs

Skills (1)

  • design

    화면·페이지·컴포넌트의 UI/UX를 새로 디자인하거나 다시 디자인하고 구현한다. 레퍼런스 리서치와 시니어 리뷰를 거친 목업으로 사용자 승인을 받은 뒤에만 코드를 쓴다. 사용자가 "디자인해줘", "UI 만들어줘", "화면 예쁘게", "랜딩 페이지", "대시보드 디자인", "이 레퍼런스처럼"이라고 하거나 레퍼런스 이미지·URL을 주며 화면을 요청할 때 사용한다. 색 하나·문구 하나처럼 디자인 판단이 거의 없는 수정에는 쓰지 않는다.

Subagents (2)

  • researcher

    화면을 디자인하기 전에 같은 분야의 실제 제품·최근 UI/UX 트렌드·컬러 레퍼런스를 웹에서 직접 찾아 취합하고, 그 취합을 근거로 디자인 계획과 목업(HTML·PNG)을 만든다. ui:design의 리서치·목업 단계용. 프로젝트 코드는 고치지 않는다.

  • reviewer

    시니어 UI/UX 디자이너 관점에서 목업을 리뷰하고, 지적한 문제를 고친 다음 버전 목업(HTML·PNG)을 만든다. ui:design의 리뷰·개선 단계용. 프로젝트 코드는 고치지 않는다.

View source on GitHub

More from LimjeongSik/baton-workflow

All 13 plugins →

security

claude

변경분을 보안 관점으로 감사해 악용 경로가 있는 지적만 보고하고, 감사를 통과하기 전에는 커밋·푸시를 막는 게이트

2 skills · 1 agent · hooks

0

prefs

claude

사용자의 요청과 행동에서 작업 방식을 스스로 학습해, 패턴이 선 것만 프로젝트 루트 learn/ 폴더에 지시문 프로필로 만들어 그 프로젝트에만 적용

1 skill · 1 agent · hooks

0

refactor

claude

정찰 → 판별 → 실행 3단계로 동작을 그대로 둔 채 리팩터링하는 워크플로우

1 skill · 2 agents

0

baton

claude

설치된 baton 플러그인을 한 번에 업데이트하고, 세션의 토큰·시간·호출 수를 실측

2 skills

0

feature

claude

구현 → 테스트 → 검증을 역할별 서브에이전트로 나눠 진행하는 기능 개발 워크플로우

2 agents

0

git

claude

사전 검사 → 테스트 → 보안 감사 → 코드 리뷰를 거쳐 변경을 나눠 커밋하고 푸시하는 워크플로우

1 skill · 1 agent

0

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain ui?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins13 plugins