Communitygithub.com

agencelutie/LP-lutie

Anthropic 公式ブランドカラーとタイポグラフィをあらゆるアーティファクトに適用し、Anthropic のルック&フィールを実現します。ブランドカラーやスタイルガイドライン、ビジュアルフォーマット、企業デザイン基準が適用される場合に使用します。

LP-lutie とは?

このスキルは、Anthropic の公式ブランドアイデンティティとスタイルリソースにアクセスするためのものです。開発者や AI エージェントユーザーは、このスキルを使用して、プレゼンテーションやドキュメントなどのアーティファクトに Anthropic のブランドカラー(ダーク #141413、ライト #faf9f5、オレンジ #d97757 など)とタイポグラフィ(見出しに Poppins、本文に Lora)を一貫して適用できます。主に Claude Code、Cursor、Codex のような AI エージェントプラットフォームで利用することを想定しており、python-pptx ライブラリを介して RGB カラー値を正確に適用します。フォントはシステムにインストールされていなくても自動フォールバック(Arial/Georgia)で動作するため、環境設定が不要で手軽にブランドスタイルを統一できます。特に企業のビジュアルアイデンティティを重視するプロジェクトや、Anthropic ブランドを反映したアーティファクト生成に役立ちます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/agencelutie/LP-lutie/tree/main/skills-export/examples/brand-guidelines

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Anthropic ブランドスタイリング

概要

Anthropic の公式ブランドアイデンティティとスタイルリソースにアクセスするには、このスキルを使用します。

キーワード: ブランディング、コーポレートアイデンティティ、ビジュアルアイデンティティ、後処理、スタイリング、ブランドカラー、タイポグラフィ、Anthropic ブランド、ビジュアルフォーマット、ビジュアルデザイン

ブランドガイドライン

カラー

メインカラー:

  • ダーク: #141413 - 主要テキストおよびダーク背景
  • ライト: #faf9f5 - ライト背景およびダーク上のテキスト
  • ミッドグレー: #b0aea5 - 二次要素
  • ライトグレー: #e8e6dc - 控えめな背景

アクセントカラー:

  • オレンジ: #d97757 - プライマリアクセント
  • ブルー: #6a9bcc - セカンダリアクセント
  • グリーン: #788c5d - ターシャリアクセント

タイポグラフィ

  • 見出し: Poppins(Arial を代替フォント)
  • 本文: Lora(Georgia を代替フォント)
  • 注記: 最良の結果を得るには、フォントをあらかじめ環境にインストールしてください

機能

スマートフォント適用

  • 見出し(24pt 以上)に Poppins フォントを適用
  • 本文に Lora フォントを適用
  • カスタムフォントが利用できない場合、自動的に Arial/Georgia にフォールバック
  • すべてのシステムで可読性を維持

テキストスタイリング

  • 見出し(24pt 以上): Poppins フォント
  • 本文: Lora フォント
  • 背景に基づくスマートな色選択
  • テキストの階層とフォーマットを維持

シェイプとアクセントカラー

  • テキスト以外のシェイプにはアクセントカラーを使用
  • オレンジ、ブルー、グリーンのアクセントを循環
  • ブランドに沿いながら視覚的な興味を維持

技術詳細

フォント管理

  • 利用可能な場合、システムにインストールされた Poppins および Lora フォントを使用
  • 見出しには Arial、本文には Georgia への自動フォールバックを提供
  • フォントのインストールは不要 - 既存のシステムフォントで動作
  • 最良の結果を得るには、環境にあらかじめ Poppins と Lora をインストールしてください

カラー適用

  • 正確なブランドマッチングのために RGB カラー値を使用
  • python-pptx の RGBColor クラスを介して適用
  • 異なるシステム間で色の忠実性を維持

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

agencelutie/LP-lutie

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

agencelutie/LP-lutie

Submit expense reimbursements through Benepass (app.getbenepass.com). For users whose employer uses Benepass as their benefits platform. Handles login, benefit selection, form filling, receipt upload, and submission. Requires browser/computer-use capabilities.

agencelutie/LP-lutie

Make a phone call to book an appointment or reservation. Checks calendar first, gets explicit consent before dialing, discloses AI identity on the call, and adds the booking to calendar when done.

agencelutie/LP-lutie

Cancel a subscription or unsubscribe from a service. Works from a description, a pasted charge line, a URL, or a photo/screenshot. Can also audit a full statement for recurring charges and cancel several at once. Finds the right contact method and handles the cancellation — including phone calls.

agencelutie/LP-lutie

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

agencelutie/LP-lutie

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

agencelutie/LP-lutie

Help plan an event — from a birthday dinner to a wedding. Scales to the size of the occasion. Handles venue research, guest lists, timelines, vendors, and budgets.

agencelutie/LP-lutie

Help submit an expense or reimbursement on any platform. Detects the right tool (Benepass, Brex, Concur, Expensify, etc.), finds receipts, checks for duplicates, and walks through submission.

agencelutie/LP-lutie

Handle small bureaucratic tasks — jury duty responses, parking tickets, passport renewals, DMV forms, permit applications, and other government or administrative paperwork.

agencelutie/LP-lutie

Run financial calculations and scenario comparisons — tax estimates, loan comparisons, retirement projections, rent vs. buy, investment scenarios, and more. Pure math, no accounts or logins needed.

agencelutie/LP-lutie

Help order groceries for delivery. Concierge-style flow — store selection, occasion-based list building, budget tracking, and cart assembly.

agencelutie/LP-lutie

Help find and book a service provider for a task — cleaning, handyman, moving, assembly, yard work, errands, etc. Searches TaskRabbit, Handy, Thumbtack, and similar platforms.

agencelutie/LP-lutie

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

agencelutie/LP-lutie

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

agencelutie/LP-lutie

Help order food timed to arrive at a specific time. Works backward from target arrival, suggests restaurants, builds cart, and monitors delivery.

agencelutie/LP-lutie

Refill a prescription at a pharmacy. Works from a medication name, an Rx number, a photo of the bottle, or just "I'm running low." Confirms exactly what's being requested, gathers everything the pharmacy will ask for up front, and handles the refill online or by phone — whichever is fastest.

agencelutie/LP-lutie

Help return an item or request a refund from any retailer. Identifies the item, finds the return policy, navigates the process, and handles shipping labels or phone calls.

agencelutie/LP-lutie

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

agencelutie/LP-lutie

Landing page quality assessment for paid advertising campaigns. Evaluates message match, page speed, mobile experience, trust signals, form optimization, and conversion rate potential. Use when user says "landing page", "post-click experience", "landing page audit", "conversion rate", or "landing page optimization".

agencelutie/LP-lutie

Generate structured landing page copy with hero, body, proof, and CTA sections. Framework-agnostic - adapts approach based on awareness level and offer type.

関連スキル