Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.
安装
尚未确认此技能的独立目录。下面命令会打开仓库技能选择器，请按上游说明选择技能。
skills CLI
npx skills add claude-office-skills/skills相关推荐
更多- RReimagine It GenerateKazim MerchantGenerate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction. Use when the user says /reimagine-it generate, "redesign this page", "make it a landing page", "turn this into an infographic", names a token (all 17: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, editorial, gradient, showcase, motion…设计与前端210 仓库星标
- CCanvas DesignAnthropic官方依据设计理念生成 .png 与 .pdf 格式的海报、艺术作品等静态视觉设计，要求原创而非模仿现有艺术家作品。设计与前端182.9k 仓库星标
- FFrontend DesignAnthropic官方在新建或改造前端界面时提供视觉设计指引，涵盖审美方向与字体排版，帮助避免模板化的默认样式。设计与前端182.9k 仓库星标
- Vvercel-labs/agent-skillsVercel技能合集Vercel 发布的技能合集，包含 React/Next.js 性能优化规则、Web 设计规范审查和 Vercel 项目成本与性能审计。设计与前端9 个技能32.8k 仓库星标
- AAccessibilityMicrosoft官方Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.设计与前端194.2k 仓库星标
- CCustomizations In The Agent HostMicrosoft官方Architecture and hard-won debugging lessons for customization enablement (plugins, MCP servers, agents, skills, instructions) in the agent host. Use when changing how customizations are discovered, published, enabled/disabled, or handed to a provider SDK; when a customization shows the wrong enabled state in the UI; or when a disabled MCP server or plugin is still reaching the model.设计与前端194.2k 仓库星标