japanese-webdesign
一个专门用于设计符合日本文化和用户习惯的网站界面的Claude技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：japanese-webdesign。 它的用途是：一个专门用于设计符合日本文化和用户习惯的网站界面的Claude技能。 完整的 Skill 内容见：https://321skill.com/skills/japanese-webdesign/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在为一家日本茶叶品牌设计官网首页，请根据日本网页设计原则给我一些布局和内容展示的建议。”，它会指导你创建信息密集的“便当式”网格布局，强调展示公司历史、认证和详细产品信息以建立信任，并提醒你注意色彩和数字使用的文化禁忌。
介绍
这个Skill旨在解决西方开发者进入日本市场时面临的网站设计文化差异问题。日本网站设计遵循“安心”和“一目瞭然”等核心原则，强调信息密度和信任信号的直接展示，这与西方“少即是多”的设计理念截然不同。
通过安装此Skill，Claude可以获得关于日本网页布局、UI组件、信任信号、排版、电商及B2B/SaaS设计模式的专门知识。它能指导开发者创建符合日本用户心理预期的界面，例如设计信息密集的“便当式”网格布局、正确展示公司认证信息、以及避免使用不吉利的数字等文化禁忌。
该Skill非常适合为日本市场开发网站的前端开发、UI设计师、产品经理和电商运营人员。无论是为日本企业构建新站点，还是将现有产品本地化以适应日本市场，它都能提供关键的文化和设计指导。
使用建议：在项目初期就引入此Skill，以便从架构和设计阶段就融入日本设计原则。同时，建议结合其附带的参考文件（如component-patterns.md）进行具体实现，并注意日本移动端用户占比高的特点，优先考虑移动端适配。
核心特点
与通用网页设计技能不同，它深度聚焦于日本特有的设计哲学和文化语境，提供了从核心原则（如“安心”）到具体实现（如避免使用“4”这个数字）的完整知识体系，并包含针对日本主流电商平台（如乐天市场）和支付习惯的实战指导。
注意事项
不适合设计面向西方或其他文化受众的网站，其设计原则与通用国际设计规范有显著冲突。
常见问题
日本网站设计为什么看起来信息很密集？
这是“安心”原则的体现，日本用户认为充分展示信息能建立信任，隐藏信息反而会引起怀疑。
为日本市场设计SaaS产品需要注意什么？
需要提供详尽的文档、展示公司详细信息、使用恰当的敬语（Keigo），并设计多个明确的行动号召（CTA）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/japanese-webdesign/raw/index.md 读取 japanese-webdesign 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/japanese-webdesign/raw/index.md（查看排版版本）