软件下载帮助文档新闻资讯

Skill UI

浏览并发现 16566+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索渲染，共找到 85 条记录

默认排序最新上传最多下载

从实时网页应用提取静态HTML

stitch-extract-static-html

google-labs-code/stitch-skills

本技能用于从任何正在运行的Web应用（如React、Vue、Next.js等）捕获一个完全自包含的静态HTML快照。它利用Puppeteer技术渲染实时DOM，并自动内联所有CSS样式，同时将图片、资产和背景图转换为Base64编码。这确保了生成的HTML文件无需外部网络即可完整展示，非常适合分享UI状态、制作开发文档或进行离线存档。

静态片头标题卡片生成

title-card-image

opensquilla/opensquilla

用于高效生成高质量的静态片头或片尾标题卡片PNG。该工具支持在纯色背景上居中显示主标题和副标题，并能利用托管或平台CJK字体进行精确渲染。其具有字形验证机制，确保输出专业且稳定，非常适用于短剧或视频内容的开场和结束画面。

Power BI 分页报告开发全流程

paginated-report

data-goblin/power-bi-agentic-development

本技能涵盖了Power BI分页报告（RDL）的完整开发生命周期。它指导用户掌握RDL的XML结构、构建打印准确的固定格式报告（如发票或报表），并强调了从数据源确定、结构校验到最终PDF渲染的完整、严谨的开发流程。

响应式界面布局校验

sickn33/antigravity-awesome-skills

本技能提供了一个深度框架，用于校验UI界面的空间构图和技术完整性。它强调不能仅凭视觉判断，必须通过渲染和在不同视口宽度下进行评测。核心任务是找出难以发现的布局缺陷，特别是强制执行水平溢出（`scrollWidth`）检查，确保界面在任何设备尺寸上都是完美的，杜绝任何横向滚动条。

Expo UI：原生跨平台组件库

sickn33/antigravity-awesome-skills

该技能库允许开发者使用Expo UI从单一的React代码源构建高保真度的原生用户界面。它能渲染真实的iOS (SwiftUI) 和Android (Jetpack Compose) 原生UI，提供通用组件层保证跨平台一致性，并支持平台特定的优化和现有社区库的替换，极大地提升了移动应用开发的效率和原生体验。

代理架构审计

agent-architecture-audit

用于审计代理与大模型应用的全栈诊断技能，识别包装层回归、记忆污染、工具调用失范、隐藏修复循环和渲染破坏，并输出按重要度排序的发现与代码优先修复方案。

Angular开发最佳实践指南

angular-developer

本指南全面介绍了Angular应用的开发最佳实践。内容涵盖组件架构、使用Signals进行状态管理、高级路由、依赖注入、表单处理（优先使用Signal Forms），以及实现可访问性（ARIA）的最佳方法。此外，还详细介绍了新项目设置和SSR等现代渲染策略。

React前端开发模式最佳实践

frontend-patterns

本指南详细介绍了React和Next.js架构下的现代前端开发模式。内容涵盖了组件化设计（如复合组件、渲染属性）、状态管理（Context+Reducer）、数据获取优化（useQuery）、以及性能提升技巧，是构建高性能、可维护UI的必备参考。

Nuxt 4渲染与性能最佳实践

本指南提供了Nuxt 4应用开发和调试的最佳实践。详细介绍了如何确保服务器端渲染（SSR）和客户端渲染（CSR）之间的水合安全，如何使用useFetch和useAsyncData进行高性能数据获取，以及如何利用路由规则和延迟加载优化应用性能。

React Native/Expo生产级开发模式

react-native-patterns

本指南涵盖构建生产级React Native和Expo应用的最佳实践。它详细介绍了Expo Router导航、状态分离、使用TanStack Query和Zod进行数据获取、高效列表渲染、样式选择以及调用原生API等核心模式，确保代码结构合理且性能优异。

React/Next.js性能优化指南

react-performance

本技能提供了一套全面的React和Next.js性能优化指南，内容源自Vercel的最佳实践。它系统性地整理了超过70条规则，涵盖了从消除网络瀑布流、优化包体积到服务端组件渲染的各个方面。适用于代码编写、代码审查或重构高性能React应用。

React视频创作最佳实践

remotion-video-creation

本技能集提供了使用Remotion和React进行视频创作的最佳实践指南。内容涵盖了从三维渲染（Three.js）到复杂动画、音频同步、数据图表、字幕显示和场景过渡等所有高级功能，适用于需要专业级视频制作流程的场景。

上一页 1 2 3 4 567 8 下一页

语言