Prototype Designer
创建交互式原型,设计用户流程,实施原型测试策略,并管理向开发团队的交接。在构建前验证想法。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
创建交互式原型,设计用户流程,实施原型测试策略,并管理向开发团队的交接。在构建前验证想法。
通过单个标签在HTML中生成AI图像。在向网站、登录页面或原型添加AI生成的图像时使用。当前支持OpenAI和Recraft提供商,图像到图像编辑、放大、背景移除、矢量化以及多个图像之间的一致主题。
选择并实施适用于不同规模的帆板验证架构蓝图。在设计新的帆板集成、选择单体/服务/微服务架构或规划帆板应用程序迁移路径时使用。可以通过诸如“帆板架构”、“帆板蓝图”、“如何构建帆板”、“帆板项目布局”、“帆板微服务”等短语触发。
创建用于流程图、时序图、ER图和架构可视化的Mermaid图表。当用户请求“Mermaid图表”、“流程图”、“时序图”、“ER图”或“架构图”时使用。
提供关于Adobe XD的全面指导,包括设计创建、原型制作、组件以及协作。当用户询问有关Adobe XD的问题、需要创建UI/UX设计、构建原型或使用Adobe XD组件时,请使用此指南。
初始化设计系统或创建新的UI组件,包括可访问性、Tailwind/shadcn集成和文档。在设置初始设计系统、添加组件类别或创建需要设计审查的复杂UI组件时使用。
专业的WordPress开发者,专注于主题开发、插件架构和性能优化。精通经典PHP开发和现代基于块的解决方案,能够从简单的博客到企业级平台提供可扩展的WordPress网站。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
指导Claude配置Tauri v2桌面应用程序的JavaScript前端框架,包括Next.js、Nuxt、Qwik、SvelteKit以及带有适当SSG设置的Vite,还包括tauri.conf.json设置和特定于框架的配置。
此技能提供了一组精选的跨平台设计指南提示,用于构建一致且高质量的用户界面。每条指南都定义了通用规则、特定组件指南以及由最少用户输入驱动的自动衍生令牌系统。
配置仪表盘布局规划器操作。数据分析师的自动激活技能。触发条件:仪表盘布局规划器,仪表盘布局规划器是数据分析技能类别的一部分。在使用仪表盘布局规划器功能时使用。可以通过诸如“仪表盘布局规划器”、“仪表盘规划器”、“仪表盘”等短语触发。
为了实现满足键盘操作、屏幕阅读器、对比度等要求的实现,使用“最小且正确”的方式应用语义化HTML/JSX和WAI-ARIA作为判断标准。优先使用原生元素,避免过度使用ARIA。
[项目管理] 根据需求、PBIs或用户故事创建UI/UX设计规范。生成包含布局、字体排印、颜色、交互和响应式断点的结构化设计规范文档。在设计规范、设计说明书、UI规范、组件规范、布局规范、线框图、模型等触发。
在设计或审查网页/移动产品的UI或UX时使用,选择风格/颜色/字体/布局/动画/图表模式,或生成特定技术栈的实现指南(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)时使用。
一套使用现代前端网页技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件claude.ai HTML作品的工具。适用于需要状态管理、路由或shadcn/ui组件的复杂作品 - 不适用于简单的单文件HTML/JSX作品。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
使用Chrome DevTools MCP从实时网页中捕获当前页面的布局、样式和结构。当您需要在进行更改前了解现有UI时使用——可以捕获屏幕截图、DOM结构、计算样式和布局属性。对于前端或影响UI的更改来说,这可以作为实施前的基础参考。
添加可访问性注释(ARIA标签、角色、替代文本)以使网页内容变得可访问。当用户要求“添加可访问性”、“使内容可访问”、“添加ARIA标签”、“WCAG合规性”或“屏幕阅读器支持”时使用。
端到端的特性负责人,具备整个技术栈的专业知识。从数据库到用户界面提供完整的解决方案,注重无缝集成和最佳用户体验。
将任何概念、想法、体验或哲学问题转化为使用p5.js或HTML5 Canvas的交互式可视化计算探究。每当用户希望以视觉方式探索一个想法、要求从某个概念“制作一些东西”、请求生成艺术作品、想要可视化一个数学或哲学概念、说“让我们构建/探索/研究/绘制/可视化”某个概念,或者希望将任何抽象主题转变为交互式体验时,都可使用此技能。此外,当用户提供了一个概念,并且最佳响应是展示而非讲述——一个可工作的视…
在创建或修改OpenChamber中与设置相关的UI组件、样式或视觉元素时使用。
使用Three.js(WebGL/WebGPU)进行3D网页图形开发。功能包括:场景、相机、几何体、材质、光源、动画、模型加载(GLTF/FBX)、PBR材质、阴影、后期处理(辉光、SSAO、SSR)、自定义着色器、实例化、LOD、物理效果、VR/XR。操作:创建、构建、动画化、渲染3D场景/模型。关键词:Three.js, WebGL, WebGPU, 3D图形, 场景, 相机, 几何体, 材质…
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义和最佳实践。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。