디자인-시스템-스킬은(는) 무엇을 하나요?
Claude Code 스킬: 이미지, PDF, 링크, 스크린샷 등 모든 디자인 참고 자료로부터 design.md, design-guidelines.md, design-components.md를 생성합니다. AI 기반 코딩(Cursor, Claude Code, Copilot)에 사용됩니다.
Claude Code 스킬: 이미지, PDF, 링크, 스크린샷 등 모든 디자인 참고 자료로부터 design.md, design-guidelines.md, design-components.md를 생성합니다. AI 기반 코딩(Cursor, Claude Code, Copilot)에 사용됩니다.
이 스킬은 개발자가 디자인 참고 자료(이미지, PDF, 링크, 스크린샷)를 입력으로 받아 일관된 디자인 시스템 문서를 자동으로 생성할 수 있도록 지원합니다. 생성되는 세 개의 마크다운 파일(design.md, design-guidelines.md, design-components.md)은 각각 디자인 개요, 사용 지침, 컴포넌트 정의를 담고 있어, AI 코딩 도구(Cursor, Claude Code, Copilot)와의 통합에 최적화되어 있습니다. 이를 통해 프런트엔드 개발자는 디자인 참고 자료를 빠르게 코드에 반영할 수 있으며, 디자인과 개발 간의 간극을 줄이고 일관된 사용자 경험을 유지할 수 있습니다. 주요 기능으로는 다양한 입력 포맷 지원, 자동 구조화, 그리고 AI 에이전트가 이해하기 쉬운 형식의 출력을 제공합니다.
npx skills add albertzhangz10/design-system-skillInstalled? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →
Claude Code 스킬: 이미지, PDF, 링크, 스크린샷 등 모든 디자인 참고 자료로부터 design.md, design-guidelines.md, design-components.md를 생성합니다. AI 기반 코딩(Cursor, Claude Code, Copilot)에 사용됩니다.
Notion CLI/API for pages, Markdown content, data sources, files, comments, search, Workers, and raw API calls.
The agent engineering platform.
Use this skill when the user requests to generate, create, or produce podcasts from text content. Converts written content into a two-host conversational podcast audio format with natural dialogue.
Analyze and optimize tweets for maximum reach using Twitter's open-source algorithm insights. Rewrite and edit user tweets to improve engagement and visibility based on how the recommendation system ranks content.
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.
Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors