mcpField
D
daily-news

daily-news

github.com/qiaoshouqingデザイン・UI138 回インストール14 週間前に更新
リポジトリ

daily-news について

daily-news は、デザインプラットフォーム、アワードサイト、デザイン関連のSNSアカウントから情報を集め、日々のインスピレーションレポートを作成するスキルです。デザイントレンドや新しいクリエイティブ製品を追う人向けに、ユーザーの言語で出典リンク付きのレポートを生成します。

主な機能

  1. 01デザインや製品の情報源を集約
  2. 02Twitter/Xのデザイン関連投稿を収集
  3. 03ビジュアル・創作テーマを選別
  4. 04ユーザーの言語でレポートを生成
  5. 05日付入りMarkdownレポートを保存

活用シーン

  1. 01現在のデザイントレンドの確認
  2. 02新しいクリエイティブツールや個人制作の発見
  3. 03日々のデザインインスピレーションまとめの作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/qiaoshouqing/skills --skill daily-news

インストール後、Claude Code で/daily-newsを入力して読み込まれたか確認します。

同梱ファイルsources.json

詳細

Design Daily - Design Inspiration & Novel Things

Generate daily design inspiration reports by aggregating from top design platforms, award sites, and design influencers on Twitter/X.

When to Use

  • User asks for design news, design inspiration, or design trends
  • User says "design daily", "design news", "设计日报", "设计灵感", "デザインニュース"
  • User wants to see what's trending in design today
  • User asks for novel/interesting new products or creative tools
  • User says "新奇事物", "有什么好玩的", "what's new"

Language Detection

CRITICAL: Detect user's language and respond in the EXACT SAME language.

The skill supports ALL languages. Simply detect what language the user is using and generate the entire report in that language.

Rule: User's language = Output language. No exceptions.

Examples:

  • User speaks English → Report in English
  • 用户说中文 → 报告用中文
  • ユーザーが日本語 → レポートは日本語
  • Usuario habla español → Informe en español
  • ...and ANY other language

Data Sources

See sources.json for full configuration.

Tier 1 - Design Curations & Novel Products (WebFetch)
SourceContent
Sidebar.ioTop 5 curated design links
Hacker News (Show HN)Novel projects, creative tools, interesting side projects
Kickstarter (Design & Tech)Top 5 trending creative/design crowdfunding projects
DezeenLatest 5 industrial/product design news
GitHub TrendingTop 5 trending design tools, creative coding, UI repos
Tier 2 - Design Platforms (Chrome MCP)
SourceContent
Product HuntTop 5 new products (focus on design/creative tools)
DribbbleTop 8 popular shots
AwwwardsLatest 5 awarded websites
BehanceFeatured creative projects
MuzliTop 5 design inspirations
Tier 3 - Design Influencers on Twitter (Chrome MCP, 31 accounts)

Design Tools & Systems:

AccountWho
@figmaFigma official
@steveschogerRefactoring UI, practical design tips
@adamwathanTailwind CSS creator
@brad_frostBrad Frost, Atomic Design creator
@danmallDan Mall, design systems expert

Design Leadership:

AccountWho
@jouleeJulie Zhuo, former Facebook Design VP
@jnd1erDon Norman, father of UX
@khoiKhoi Vinh, Adobe Principal Designer
@ireneauIrene Au, former Google Design Head
@petermePeter Merholz, Adaptive Path founder
@lukewLuke Wroblewski, coined 'Mobile First', Google
@jmspoolJared Spool, UIE founder
@andybuddAndy Budd, Clearleft founder
@veenJeff Veen, Typekit & Adaptive Path founder
@scottbelskyScott Belsky, Behance founder, Adobe
@boagworldPaul Boag, UX leader

Visual & Brand Design:

AccountWho
@jessicawalshJessica Walsh, &Walsh founder
@DannPettyDann Petty, Design Director
@davidaireyDavid Airey, brand identity specialist
@timothygoodmanTimothy Goodman, illustrator & muralist
@frank_chimeroFrank Chimero, 'The Shape of Design'
@hemeonMarc Hemeon, former YouTube design lead
@rogieRogie King, GitHub designer

Typography:

AccountWho
@ilovetypographyI Love Typography, fonts & book history
@TypographicaTypographica, typeface reviews

UX & Content:

AccountWho
@zeldmanJeffrey Zeldman, A List Apart founder
@debikielmanDebbie Millman, Design Matters podcast
@karenmcgraneKaren McGrane, content & UX expert
@jbrewerJosh Brewer, 52 Weeks of UX
@destroytodayJonnie Hallman, designer-developer
@tobiasahlinTobias Ahlin, Minecraft design lead

Instructions for Agent

Step 1: Detect Language

Analyze user's message to determine output language:

1. Identify what language the user wrote their message in
2. Use that EXACT language for ALL output
3. Translate/localize everything to match user's language
ステップ 2:デザインニュースを収集する(可能な場合は並列処理)

ティア 1 - WebFetch(並列):

1. Sidebar.io:
   - URL: https://sidebar.io/
   - Extract: Today's 5 best design links with title, source, URL

2. Hacker News (Show HN focus):
   - URL: https://news.ycombinator.com/
   - Extract: Top 10 Show HN projects, creative tools, novel side projects
   - SKIP: Papers, research, enterprise software, pure backend stuff

3. Kickstarter (Design & Tech):
   - Method: WebSearch "Kickstarter design tech trending [month] [year]"
   - Note: Site has Cloudflare protection, WebFetch/Chrome MCP blocked
   - Extract: Top 5 trending design/tech projects with funding progress
   - Focus on: product design, creative tools, gadgets, art projects

4. Dezeen:
   - Method: WebSearch "Dezeen design news [month] [year]"
   - Note: Site has Cloudflare protection, WebFetch/Chrome MCP blocked
   - Extract: Latest 5 design news (industrial design, product design, furniture)

5. GitHub Trending:
   - URL: https://github.com/trending
   - Extract: Top 5 repos related to design tools, creative coding, generative art, or UI
   - SKIP: Backend frameworks, DevOps tools, ML models (unless design-related)

ティア 2 - Chrome MCP(並列):

3. Product Hunt:
   - URL: https://www.producthunt.com/
   - Extract: Top 5 products, prioritize design tools and creative products

4. Dribbble:
   - URL: https://dribbble.com/shots/popular
   - Extract: Top 8 popular shots with title, designer, likes

5. Awwwards:
   - URL: https://www.awwwards.com/websites/
   - Extract: Latest 5 awarded sites with title, agency, score

6. Behance:
   - URL: https://www.behance.net/
   - Extract: Featured projects with title, creator, category

7. Muzli:
   - URL: https://muz.li/
   - Extract: Top 5 design inspiration items

ティア 3 - Twitter(Chrome MCP、実行ごとに 5~8 アカウントをサンプリング):

8. Pick 5-8 design influencer accounts from sources.json tier3_twitter (31 total)
   - Rotate selection each day for variety
   - Navigate to each account
   - Extract latest 2-3 design-related tweets
   - Focus on design tips, tools, and visual content
   - Prioritize accounts with recent activity
ステップ 3:レポートを生成する

検出された言語で、構造化された Markdown レポートを作成します。

レポートテンプレート(言語に合わせて調整):

# Design Daily - [DATE]

> Design Inspiration & Novel Things

---

## Design Picks (Sidebar.io)
[Curated design links of the day]

## Show HN & Novel Projects
[Interesting new tools and creative projects]

## Kickstarter Highlights
[Trending creative crowdfunding projects]

## Dezeen Design News
[Industrial design, product design, architecture]

## GitHub Trending (Design & Creative)
[Open source design tools and creative coding projects]

## Product Hunt Highlights
[New products worth checking out]

## Dribbble Hot Shots
[Popular design work with designer credits]

## Awwwards Winners
[Award-winning web design]

## Behance Featured
[Creative projects and portfolios]

## Design Twitter
[Key insights and tips from design influencers]

---

## Collection Stats
| Source | Count | Status |
|--------|-------|--------|
| ... | ... | ... |

*Generated at: [TIMESTAMP]*
ステップ 4:レポートを保存する

レポートを現在のワークスペースの NewsReport/[DATE]-design-daily.md に保存します。

コンテンツのフィルタリングルール

含めるもの:

  • ビジュアルデザイン関連の制作物(UI、UX、グラフィックデザイン、イラスト、タイポグラフィ)
  • デザインツールとプラグイン
  • クリエイティブコーディングとジェネレーティブアート
  • 斬新で楽しい製品や個人プロジェクト
  • Web デザインのトレンドとアワード
  • デザインのヒント、チュートリアル、ワークフロー
  • ブランドデザインとアイデンティティ

除外するもの:

  • 学術論文や研究
  • AI/ML モデルのリリース(デザインに焦点を当てたものを除く)
  • エンタープライズソフトウェア
  • バックエンド/インフラのみの内容
  • 金融、暗号資産、ブロックチェーン

エラー処理

状況対応
WebFetch 403その情報源には Chrome MCP を試す
Cloudflare CAPTCHA代替手段として WebSearch を使う(Kickstarter、Dezeen)
情報源のタイムアウトスキップし、統計に記載する
コンテンツなし統計で失敗として記録する
Chrome MCP が利用不可WebFetch のみで取得できる情報源を使う
Twitter のログイン画面スクロールを試し、ブロックされた場合はスキップする

応答ガイドライン

  1. 最初に言語の検出結果を必ず確認する
  2. 情報源を収集しながら進捗を表示する
  3. 最終レポートはユーザーの言語で提示する
  4. 収集統計を含める
  5. レポートをファイルに保存し、パスを確認する
  6. テキスト中心の記事より、ビジュアルを重視した刺激的なコンテンツを優先する
  7. 重要:すべての項目に、元の情報源へのクリック可能なリンクを必ず含めてください。 URL のない項目を掲載してはいけません。Markdown のリンク形式を使用してください:タイトル
  8. 画像がある場合は含めてください。 Dribbble では CDN のサムネイル URL(cdn.dribbble.com/userupload/...?resize=400x0)を使用します。ほかのビジュアル系プラットフォームでは、ページデータから画像 URL を抽出します。Markdown の画像形式を使用してください:代替テキスト

コメント