Back to Details

maintaining-brand-identity

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Brand Identity & Guidelines

品牌标识与规范

Brand Name: Skill Master
This skill defines the core constraints for visual design and technical implementation. Adhere to these guidelines strictly to maintain consistency.
品牌名称：Skill Master
本Skill定义了视觉设计和技术实现的核心约束条件。请严格遵守这些规范以保持一致性。

When to use this skill

何时使用本Skill

  • When generating UI components or styling applications.
  • When choosing libraries or frameworks (Tech Stack).
  • When writing marketing copy, error messages, or documentation (Voice & Tone).
  • Activates during the Design and Implementation phases of the Superpowers workflow.
  • 生成UI组件或为应用设置样式时。
  • 选择库或框架（技术栈）时。
  • 撰写营销文案、错误信息或文档（语气语调）时。
  • 在Superpowers工作流的设计和实现阶段激活。

Workflow

工作流程

  1. Reference Guidelines
    • If styling UI, check 
      resources/design-tokens.json
      .
    • If writing code, check 
      resources/tech-stack.md
      .
    • If writing copy, check 
      resources/voice-tone.md
      .
  2. Implementation
    • Apply brand colors, typography, and spacing.
    • Follow tech stack constraints (e.g., Tailwind, React).
    • Use the defined brand voice (Professional, Approachable).
  3. Verification
    • Validate UI against tokens.
    • Ensure no forbidden patterns (e.g., Bootstrap, plain CSS) are used.
  1. 参考规范
    • 若为UI设置样式，请查阅
      resources/design-tokens.json
      。
    • 若编写代码，请查阅
      resources/tech-stack.md
      。
    • 若撰写文案，请查阅
      resources/voice-tone.md
      。
  2. 实施
    • 应用品牌色彩、排版和间距。
    • 遵循技术栈约束（如Tailwind、React）。
    • 使用指定的品牌语气（专业、亲切）。
  3. 验证
    • 根据Design Tokens验证UI。
    • 确保未使用禁用模式（如Bootstrap、纯CSS）。

Resources

资源

  • Design Tokens
  • Tech Stack
  • Voice & Tone
  • Design Tokens
  • 技术栈
  • 品牌语气语调