brand-guidelines — for Claude Code brand-guidelines, filecoin-agent-reputation, community, for Claude Code, ide skills, #141413, #faf9f5, #b0aea5, #e8e6dc, #d97757

v1.0.0

이 스킬 정보

디자인 중심 에이전트가 통일된 시각적 정체성과 디자인 언어 구현을 필요로 할 때 완벽합니다. 현지화된 요약: Applies Anthropics official brand colors and typography to any sort of artifact that may benefit from having Anthropics look-and-feel. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

기능

Anthropic Brand Styling
Dark: #141413 - Primary text and dark backgrounds
Light: #faf9f5 - Light backgrounds and text on dark
Mid Gray: #b0aea5 - Secondary elements
Light Gray: #e8e6dc - Subtle backgrounds

# 핵심 주제

GeObts GeObts
[2]
[0]
업데이트: 3/16/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

디자인 중심 에이전트가 통일된 시각적 정체성과 디자인 언어 구현을 필요로 할 때 완벽합니다. 현지화된 요약: Applies Anthropics official brand colors and typography to any sort of artifact that may benefit from having Anthropics look-and-feel. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

이 스킬을 사용하는 이유

에이전트가 특정 색상 팔레트(`#141413`)와 타이포그래피(Poppins)를 사용하여 플랫폼 간에 일관된 브랜딩을 생성할 수 있는 능력을 제공하며, 강조 색상(`#d97757`)을 사용하여 시각적 매력을 향상시킵니다.

최적의 용도

디자인 중심 에이전트가 통일된 시각적 정체성과 디자인 언어 구현을 필요로 할 때 완벽합니다.

실행 가능한 사용 사례 for brand-guidelines

사전 정의된 색상 및 타이포그래피를 사용하여 브랜드 스타일 가이드를 자동으로 생성합니다.
`#faf9f5` 및 `#b0aea5`를 사용하여 웹 및 모바일 애플리케이션에 대한 일관된 시각적 요소를 생성합니다.
강조 색상(`#6a9bcc`)을 사용하여 마케팅 자료의 디자인 불일치를 디버깅합니다.

! 보안 및 제한 사항

  • `#141413` 및 `#faf9f5`와 같은 정확한 색상 코드 구현이 필요합니다.
  • 가이드라인에 지정된 디자인 요소(예: Poppins 및 Lora 타이포그래피)에만 제한됩니다.

About The Source

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Labs 데모

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ 및 설치 단계

These questions and steps mirror the structured data on this page for better search understanding.

? 자주 묻는 질문

brand-guidelines은 무엇인가요?

디자인 중심 에이전트가 통일된 시각적 정체성과 디자인 언어 구현을 필요로 할 때 완벽합니다. 현지화된 요약: Applies Anthropics official brand colors and typography to any sort of artifact that may benefit from having Anthropics look-and-feel. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

brand-guidelines은 어떻게 설치하나요?

다음 명령을 실행하세요: npx killer-skills add GeObts/filecoin-agent-reputation/brand-guidelines. Cursor, Windsurf, VS Code, Claude Code와 19개 이상의 다른 IDE에서 동작합니다.

brand-guidelines은 어디에 쓰이나요?

주요 활용 사례는 다음과 같습니다: 사전 정의된 색상 및 타이포그래피를 사용하여 브랜드 스타일 가이드를 자동으로 생성합니다., `#faf9f5` 및 `#b0aea5`를 사용하여 웹 및 모바일 애플리케이션에 대한 일관된 시각적 요소를 생성합니다., 강조 색상(`#6a9bcc`)을 사용하여 마케팅 자료의 디자인 불일치를 디버깅합니다..

brand-guidelines 와 호환되는 IDE는 무엇인가요?

이 스킬은 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer 와 호환됩니다. 통합 설치에는 Killer-Skills CLI를 사용하세요.

brand-guidelines에 제한 사항이 있나요?

`#141413` 및 `#faf9f5`와 같은 정확한 색상 코드 구현이 필요합니다.. 가이드라인에 지정된 디자인 요소(예: Poppins 및 Lora 타이포그래피)에만 제한됩니다..

이 스킬 설치 방법

  1. 1. 터미널 열기

    프로젝트 디렉터리에서 터미널 또는 명령줄을 여세요.

  2. 2. 설치 명령 실행

    npx killer-skills add GeObts/filecoin-agent-reputation/brand-guidelines 를 실행하세요. CLI가 IDE 또는 에이전트를 자동으로 감지하고 스킬을 설정합니다.

  3. 3. 스킬 사용 시작

    스킬이 이제 활성화되었습니다. 현재 프로젝트에서 brand-guidelines을 바로 사용할 수 있습니다.

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

brand-guidelines

Install brand-guidelines, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

Anthropic Brand Styling

Brand Guidelines

Colors

Main Colors:

  • Dark: #141413 - Primary text and dark backgrounds
  • Light: #faf9f5 - Light backgrounds and text on dark
  • Mid Gray: #b0aea5 - Secondary elements
  • Light Gray: #e8e6dc - Subtle backgrounds

Accent Colors:

  • Orange: #d97757 - Primary accent
  • Blue: #6a9bcc - Secondary accent
  • Green: #788c5d - Tertiary accent

Typography

  • Headings: Poppins (with Arial fallback)
  • Body Text: Lora (with Georgia fallback)

Text Styling

  • Headings (24pt+): Poppins font
  • Body text: Lora font
  • Smart color selection based on background
  • Preserves text hierarchy and formatting

Shape and Accent Colors

  • Non-text shapes use accent colors
  • Cycles through orange, blue, and green accents
  • Maintains visual interest while staying on-brand

관련 스킬

Looking for an alternative to brand-guidelines or another community skill for your workflow? Explore these related open-source skills.

모두 보기

openclaw-release-maintainer

Logo of openclaw
openclaw

현지화된 요약: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

333.8k
0
인공지능

widget-generator

Logo of f
f

현지화된 요약: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

149.6k
0
인공지능

flags

Logo of vercel
vercel

현지화된 요약: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

138.4k
0
브라우저

pr-review

Logo of pytorch
pytorch

현지화된 요약: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

98.6k
0
개발자