design은(는) 무엇을 하나요?
페이지, 컴포넌트, 시각적 인터페이스, 타이포그래피 및 스크린샷 기반 디자인 개선을 위한 독창적이고 프로덕션 수준의 UI를 생성합니다. 사용자가 어떤 언어로든 UI, 페이지, 컴포넌트, 프론트엔드, 타이포그래피, 스크린샷 기반 시각적 개선 또는 화면이 불명확하거나 보기 흉하거나 일관성이 없거나 시각적으로 잘못되었다고 불평할 때 사용하세요. 백엔드 로직이나 데이터 파이프라인에는 적합하지 않습니다.
페이지, 컴포넌트, 시각적 인터페이스, 타이포그래피 및 스크린샷 기반 디자인 개선을 위한 독창적이고 프로덕션 수준의 UI를 생성합니다.
이 스킬은 사용자가 UI, 페이지, 컴포넌트, 프론트엔드, 타이포그래피, 스크린샷 기반 시각적 개선 또는 화면이 불명확하거나 보기 흉하거나 일관성이 없거나 시각적으로 잘못되었다고 불평할 때 활성화됩니다. 다양한 언어로 된 요청을 처리하며, 백엔드 로직이나 데이터 파이프라인에는 적합하지 않습니다. Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 사용하도록 설계되어, 독창적이고 프로덕션 준비가 완료된 UI를 신속하게 생성합니다. 스킬의 SKILL.md 문서에 따르면, 사용자 요청을 분석하여 적절한 UI/UX 개선사항을 제안하고, 필요시 스크린샷을 기반으로 시각적 일관성과 가독성을 향상시키는 방법을 안내합니다.
npx skills add https://github.com/tw93/waza/tree/main/skills/designInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
페이지, 컴포넌트, 시각적 인터페이스, 타이포그래피 및 스크린샷 기반 디자인 개선을 위한 독창적이고 프로덕션 수준의 UI를 생성합니다. 사용자가 어떤 언어로든 UI, 페이지, 컴포넌트, 프론트엔드, 타이포그래피, 스크린샷 기반 시각적 개선 또는 화면이 불명확하거나 보기 흉하거나 일관성이 없거나 시각적으로 잘못되었다고 불평할 때 사용하세요. 백엔드 로직이나 데이터 파이프라인에는 적합하지 않습니다.
This repo contains 7 individual skills — each has its own dedicated page.
Reviews code diffs, PRs, issue queues, release readiness, commits, pushes, publishing, and project audits. Use when users ask review/看看代码/合并前/看看issue/PR/release/push or to implement an approved plan, with safety gates for dirty and untracked worktrees. Not for exploring ideas, debugging root causes, or prose review.
Runs a budget-aware agent-assisted engineering health audit for instruction/config drift, hooks/MCP, verifier surfaces, and AI maintainability. Use when users ask 检查claude/检查codex/检查pi/配置检查/健康度 or report agents ignoring instructions, missing validation, or code becoming hard to maintain. Not for debugging code or reviewing PRs.
Finds root cause before applying fixes for errors, crashes, regressions, failing tests, broken behavior, and screenshot-reported defects. Use when users report in any language errors, crashes, broken behavior, regressions, failing tests, screenshot evidence, or something that used to work and now fails. Not for code review or new features.
Runs a six-phase research workflow that turns unfamiliar domains, source bundles, or collected material into publish-ready output. Use when users ask in any language to research, study, deep-dive, compile sources, synthesize unfamiliar material, or turn a source bundle into a coherent reference. Not for quick lookups or single-file reads.
Reads URLs and PDFs by fetching source content, defaulting to concise summaries for plain read requests and clean Markdown when asked to convert, save, quote, cite, or feed downstream work. Use when users ask 看这个链接/读一下/read this/check this URL. Not for local text files already in the repo.
Turns rough ideas into approved, decision-complete plans with validated structure before coding. Use when users ask in any language for planning, architecture, design direction, feasibility, value judgment, or whether a feature is worth doing before implementation. Not for bug fixes or small edits.
Rewrites and polishes prose in Chinese or English, removes AI-like wording, and reviews product localization copy while preserving intent for drafts, docs, release notes, launch copy, and social posts. Use when users ask in any language to draft, rewrite, proofread, localize, polish release notes, remove AI-like wording, or prepare launch and social copy. Not for code comments, commit messages, or inline docs.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.