AgentSkillsCN

brand-identity

保持ArtFrost作品集的视觉风格（暗黑风/玻璃质感/3D立体效果）。在设计用户界面、定义组件样式，或创作各类设计资产时，可运用此技能。

SKILL.md
--- frontmatter
name: brand-identity
description: Maintain the ArtFrost Portfolio aesthetic (Dark/Glassmorphism/3D). Use this skill when generating UI, styling components, or creating design assets.

Brand Identity: ArtFrost Portfolio

When to use this skill

  • •Generating or styling UI components (CSS/Tailwind).
  • •Creating or selecting icons and 3D assets.
  • •Writing marketing copy or content for the portfolio.
  • •Making decisions about layout, gradients, or glassmorphism effects.

Reference Documentation

Always consult the specific resource files below. Do not guess design values.

1. Visual Design & Glassmorphism

For specific colors, gradients, blur values, and border radii: 👉 resources/design-tokens.json

2. 3D Icon Strategy

For the list of required 3D icons, their placement, and generation prompts: 👉 resources/3d-icon-strategy.md

3. Voice & Tone

For copywriting consistency (Professional, Future-forward): 👉 resources/voice-tone.md

Design Principles

  1. •Theme by Default: Default theme is dark; a light theme is available via a toggle.
  2. •Smooth Switching: Theme changes use a short, subtle transition; avoid FOUC on initial load.
  3. •Dark & Deep: Dark backgrounds lean to black/deep green.
  4. •Glass: Use subtle transparency with backdrop blur for cards/nav.
  5. •Glow: Use restrained radial gradients to support depth and 3D assets.
  6. •Icons Hierarchy: Flat UI icons are allowed for controls/social links; 3D assets are reserved for key visual anchors (Hero/section illustrations).