design-md-flow은(는) 무엇을 하나요?
에이전트 기반 프론트엔드 디자인을 위한 포터블 DESIGN.md 워크플로우 스킬
에이전트 기반 프론트엔드 디자인을 위한 포터블 DESIGN.md 워크플로우 스킬입니다.
이 스킬은 에이전트(예: Claude Code, Cursor)가 프론트엔드 디자인 작업을 수행할 때, `DESIGN.md` 파일을 중심으로 일관된 워크플로우를 제공합니다. 개발자는 디자인 의도, 구성 요소 구조, 상태 관리, 스타일링 규칙 등을 마크다운 문서로 정의하면, AI 에이전트가 이를 기반으로 코드를 생성하거나 리팩토링할 수 있습니다. 이를 통해 디자인 결정 사항이 명확히 문서화되고, 에이전트 간 또는 사람과의 협업에서 디자인 맥락이 유지됩니다. 주로 프론트엔드 프로젝트에서 사용되며, React, Vue, Next.js 등 다양한 프레임워크와 호환됩니다. Harzva/design-md-flow는 디자인 시스템이나 UI 컴포넌트 개발 시 반복적인 설명을 줄이고, 에이전트가 정확한 요구사항을 이해하도록 돕는 실용적인 도구입니다.
npx skills add Harzva/design-md-flow에이전트 기반 프론트엔드 디자인을 위한 포터블 DESIGN.md 워크플로우 스킬
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".