design-system-skill は何をしますか？
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）向け。
このスキルは、開発者がデザインシステムを効率的に文書化し、AIエージェント（Claude Code、Cursor、GitHub Copilotなど）と連携して一貫性のあるUIを構築するためのツールです。提供されたデザインリファレンス（画像、PDF、リンク、スクリーンショット）を解析し、3つの構造化マークダウンファイル（design.md：全体アーキテクチャ、design-guidelines.md：レイアウト・タイポグラフィ・カラールール、design-components.md：コンポーネント定義）を自動生成します。これにより、デザイン仕様とコード生成のギャップを埋め、AIに正確なデザインコンテクストを与えて高品質なUIを生成できるようになります。特に、デザインチームと開発チームが連携するプロジェクトや、既存デザインから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