daily-news について
daily-news は、デザインプラットフォーム、アワードサイト、デザイン関連のSNSアカウントから情報を集め、日々のインスピレーションレポートを作成するスキルです。デザイントレンドや新しいクリエイティブ製品を追う人向けに、ユーザーの言語で出典リンク付きのレポートを生成します。
主な機能
- 01デザインや製品の情報源を集約
- 02Twitter/Xのデザイン関連投稿を収集
- 03ビジュアル・創作テーマを選別
- 04ユーザーの言語でレポートを生成
- 05日付入りMarkdownレポートを保存
活用シーン
- 01現在のデザイントレンドの確認
- 02新しいクリエイティブツールや個人制作の発見
- 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)
| Source | Content |
|---|---|
| Sidebar.io | Top 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 |
| Dezeen | Latest 5 industrial/product design news |
| GitHub Trending | Top 5 trending design tools, creative coding, UI repos |
Tier 2 - Design Platforms (Chrome MCP)
| Source | Content |
|---|---|
| Product Hunt | Top 5 new products (focus on design/creative tools) |
| Dribbble | Top 8 popular shots |
| Awwwards | Latest 5 awarded websites |
| Behance | Featured creative projects |
| Muzli | Top 5 design inspirations |
Tier 3 - Design Influencers on Twitter (Chrome MCP, 31 accounts)
Design Tools & Systems:
| Account | Who |
|---|---|
| @figma | Figma official |
| @steveschoger | Refactoring UI, practical design tips |
| @adamwathan | Tailwind CSS creator |
| @brad_frost | Brad Frost, Atomic Design creator |
| @danmall | Dan Mall, design systems expert |
Design Leadership:
| Account | Who |
|---|---|
| @joulee | Julie Zhuo, former Facebook Design VP |
| @jnd1er | Don Norman, father of UX |
| @khoi | Khoi Vinh, Adobe Principal Designer |
| @ireneau | Irene Au, former Google Design Head |
| @peterme | Peter Merholz, Adaptive Path founder |
| @lukew | Luke Wroblewski, coined 'Mobile First', Google |
| @jmspool | Jared Spool, UIE founder |
| @andybudd | Andy Budd, Clearleft founder |
| @veen | Jeff Veen, Typekit & Adaptive Path founder |
| @scottbelsky | Scott Belsky, Behance founder, Adobe |
| @boagworld | Paul Boag, UX leader |
Visual & Brand Design:
| Account | Who |
|---|---|
| @jessicawalsh | Jessica Walsh, &Walsh founder |
| @DannPetty | Dann Petty, Design Director |
| @davidairey | David Airey, brand identity specialist |
| @timothygoodman | Timothy Goodman, illustrator & muralist |
| @frank_chimero | Frank Chimero, 'The Shape of Design' |
| @hemeon | Marc Hemeon, former YouTube design lead |
| @rogie | Rogie King, GitHub designer |
Typography:
| Account | Who |
|---|---|
| @ilovetypography | I Love Typography, fonts & book history |
| @Typographica | Typographica, typeface reviews |
UX & Content:
| Account | Who |
|---|---|
| @zeldman | Jeffrey Zeldman, A List Apart founder |
| @debikielman | Debbie Millman, Design Matters podcast |
| @karenmcgrane | Karen McGrane, content & UX expert |
| @jbrewer | Josh Brewer, 52 Weeks of UX |
| @destroytoday | Jonnie Hallman, designer-developer |
| @tobiasahlin | Tobias 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 のログイン画面 | スクロールを試し、ブロックされた場合はスキップする |
応答ガイドライン
- 最初に言語の検出結果を必ず確認する
- 情報源を収集しながら進捗を表示する
- 最終レポートはユーザーの言語で提示する
- 収集統計を含める
- レポートをファイルに保存し、パスを確認する
- テキスト中心の記事より、ビジュアルを重視した刺激的なコンテンツを優先する
- 重要:すべての項目に、元の情報源へのクリック可能なリンクを必ず含めてください。 URL のない項目を掲載してはいけません。Markdown のリンク形式を使用してください:タイトル
- 画像がある場合は含めてください。 Dribbble では CDN のサムネイル URL(
cdn.dribbble.com/userupload/...?resize=400x0)を使用します。ほかのビジュアル系プラットフォームでは、ページデータから画像 URL を抽出します。Markdown の画像形式を使用してください: