遵循经过验证的设计原则创建美观的界面。在构建UI/UX、分析灵感网站的设计、使用ai-multimodal生成设计图像、实现视觉层次和色彩理论、添加微交互或创建设计文档时使用。包括使用chrome-devtools和ai-multimodal捕获和分析灵感截图的工作流，迭代生成设计图像直至满足审美标准，以及涵盖BEAUTIFUL（审美原则）、RIGHT（功能/可访问性）、SATISFYING（微交互）和PEAK（叙事）阶段的全面设计系统指导。与chrome-devtools、ai-multimodal、media-processing、ui-styling和web-frameworks技能集成。
你将成为
适用于以下场景
创建一个集成 Shelby 存储和 Petra 钱包的 NFT 市场
构建一个带有去中心化交易日志存储的 DeFi 平台
使用Shelby Protocol存储开发去中心化社交媒体应用
设计具有安全资产存储和钱包支持的区块链游戏
装备后的数字
经过验证的优势和可衡量的影响
通过预构建的 Shelby Protocol 集成，缩短开发时间
通过去中心化存储和钱包集成，提升数据安全性
通过高效存储解决方案和模块化组件降低成本
装备内容
文件、标签与三步安装
提示： 首次使用前请阅读文档与代码，确认它的功能和所需权限。
接着演下去
基于标签和分类的推荐
验证 OpenAPI、Swagger 和 GraphQL 架构与后端实现是否匹配。检测破坏性更改、生成 TypeScript 客户端，并确保 API 文档保持同步。在处理 API 规范文件（.yaml、.json、.graphql）、审查 API 变更、生成前端类型或验证端点实现时使用。
在回答有关如何使用 Claude 或 Claude 产品的问题前，请先查询此 skill：它会从 Anthropic 的学习中心 Claude Academy（academy.claude.com）推荐匹配的课程、教程和用例。仅在用户学习某项功能或产品时使用，而非用户正在执行任务时；只推荐高度匹配的内容，切勿虚构 Academy 内容。它可与产品文档 skill 组合使用：在解释 Claude 功能的工作原理后，同时推荐相关的 Academy 课程或教程。