modern-doc-html
将文档和内容转换为现代化、深色主题的HTML页面,包含渐变效果、卡片布局和流畅动画。适用于:(1) 将文档/文章转换为现代设计的HTML,(2) 创建技术文档页面,(3) 生成演示风格的网页,(4) 提到"现代HTML"、"深色主题HTML"、"技术文档HTML",或 (5) 想要类似learn-claude-code风格的HTML输出。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
将文档和内容转换为现代化、深色主题的HTML页面,包含渐变效果、卡片布局和流畅动画。适用于:(1) 将文档/文章转换为现代设计的HTML,(2) 创建技术文档页面,(3) 生成演示风格的网页,(4) 提到"现代HTML"、"深色主题HTML"、"技术文档HTML",或 (5) 想要类似learn-claude-code风格的HTML输出。
构建或重构Rails视图、部分和模板,使其成为干净、可维护的代码。当视图包含内联Ruby逻辑、深度嵌套的部分、jQuery或旧版JavaScript、返回HTML的帮助方法时,或者当用户要求现代化、重构或清理Rails视图时使用。应用模式包括 - Turbo Frames、Turbo Streams、Stimulus控制器、ViewComponent、展示器、严格的局部变量以及正确的部分提取。
根据Apple的人机界面指南(HIG)源数据构建、更新并应用iOS设计规范。当任务要求遵循iOS UI/UX规则、Apple设计标准、组件行为、可访问性约束、交互模式,或基于官方HIG页面的功能级设计规范编写时,请使用此方法。
将可重用的新粗野主义设计系统应用于现有的或新的前端项目(着陆页、营销页面、作品集、仪表板、应用程序界面),使用强健的版式、主题化标记和变体驱动的组件基础。除非明确要求重构,否则保持现有的信息架构不变。
UI/UX设计参考数据库。50+种样式,21个调色板,50种字体搭配,20种图表,8种技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用、.h…
UI/UX设计智能。50种样式,21种调色板,50种字体配对,20种图表,8个技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。动作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用、.html、…
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9个框架(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:规划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作…
UI/UX设计智能。50种风格,21种调色板,50种字体配对,20种图表,9种技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。动作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、…
设计并实现复古/赛博朋克/黑客风格的终端用户界面。涵盖了React(Tuimorphic)、SwiftUI(金属着色器)和CSS方法。在创建终端美学、CRT效果、霓虹辉光、扫描线、荧光绿显示器或复古未来主义界面时使用。
全面的前端技能。在构建用户界面(组件、页面、应用程序)、审查/审计设计、编写Tailwind CSS布局或实现Next.js应用路由器模式时使用。
现代化、简洁的UI/UX指导和审查技巧。在需要可操作的UX/UI建议、设计原则或新功能或现有系统(网页/应用)的设计审查清单时使用。重点包括CRAP(对比/重复/对齐/接近)、任务优先的用户体验、信息架构、反馈与系统状态、一致性、可用性、错误预防/恢复以及认知负荷。实施现代简约风格(干净、宽敞、以字体为主导),减少不必要的文本,禁止将表情符号用作图标,并推荐从一致的图标集中选择直观且精致的图标。
专业的Markdown设计师——使用品牌色彩、字体、表格、报告和文档所需的各种元素来制作视觉上令人惊叹的文件。适应Anthropic的品牌指南,以实现整体酷炫的风格。
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、…
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9种技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。动作:计划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页面、仪表盘、管理面板、电子商务、SaaS…
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页、仪表盘、管理面板、电子商务、SaaS、…
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9种技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移…
Three.js 后处理 - EffectComposer、光晕、景深、屏幕效果。在添加视觉效果、色彩分级、模糊、辉光或创建自定义屏幕空间着色器时使用。
设计工程工艺和执行卓越。适用于构建、审查、重构或改进任何UI组件、页面或交互时。触发条件包括:构建组件、样式UI、添加动画/过渡效果、审查设计质量、重构前端代码、实现悬停/激活/聚焦状态、处理阴影/颜色/渐变/间距/排版/边框半径、拖动交互、布局动画、图标过渡,或者当用户要求“像设计工程师一样思考”时。涵盖了整个工艺范围:动作、颜色、阴影、光学对齐、排版、间距、渐变、性能、手势以及微交互。
Decentraland场景中的高级渲染功能。使用Billboard使实体面向摄像机,使用TextShape进行3D文本显示,利用高级PBR材质属性如金属质感/粗糙度/透明度,通过GltfNodeModifiers在GLTF模型中实现每个节点的可见性和材质覆盖,并使用VisibilityComponent来显示或隐藏实体。当用户需要广告牌、3D文字、文本标签、材质效果、透明度、发光效果或模型节点控…
UI设计:线框图、原型、设计系统、视觉设计。
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9个框架堆栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS…
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,8种技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移动应用…
UI/UX设计智能。50种样式,21个调色板,50种字体搭配,20种图表,9个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、…
UI/UX设计智能。50种样式,21个调色板,50种字体搭配,20种图表,9种框架(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作…