下载

Skill UI

浏览并发现 11126+ 精选技能

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

搜索 HTML/CSS ，共找到 13 条记录

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

XSS 漏洞扫描器

scanning-for-xss-vulnerabilities

jeremylongshore/claude-code-plugins-plus-skills

自动分析 HTML/JS/CSS/URL 等上下文中的反射、存储和 DOM 型 XSS 漏洞，生成定位与修复建议，适用于安全审计、代码评审及上线前检查。

AI网页工件构建器

web-artifacts-builder

sickn33/antigravity-awesome-skills

该工具提供了一个完整的流程，用于为AI平台构建强大的、自包含的前端工件。它基于React和TypeScript栈，支持使用Vite和Tailwind CSS开发复杂的用户界面。核心功能是将整个应用打包成一个单一的HTML文件，使其易于在AI对话中作为工件分享和预览。

沉浸式前端界面设计与构建

premium-frontend-ui

github/awesome-copilot

该技能提供了一套专业级的架构指南，用于生成具有艺术感和高交互性的优质Web界面。它指导代码生成超越基础的HTML/CSS，专注于构建完整的沉浸式数字环境。核心内容涵盖了复杂的动效系统（如滚动驱动叙事、微交互）、独特的视觉风格（如玻璃拟态、极简主义）以及严格的性能优化和无障碍设计规范。

全面Web开发专家

github/awesome-copilot

将你塑造成精通 HTML、CSS、JavaScript、Web API、HTTP、性能、安全与可访问性等领域的 Web 工程师，能在前后端项目中始终贯彻现代标准与最佳实践。

基于HTML/CSS的研究海报制作

K-Dense-AI/scientific-agent-skills

本技能用于创建基于HTML/CSS的学术研究海报，支持导出为PDF或PPTX格式。它提供现代、响应式的布局，并指导用户生成视觉元素，确保海报内容简洁、文字巨大且高对比度，从而保证从远距离观看时的极佳可读性。

Figma设计到代码生成

anima-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。

Anima本地设计到代码开发循环

anima-local-dev-loop

jeremylongshore/claude-code-plugins-plus-skills

该技能提供了一个基于Anima SDK的迭代式开发工作流。它允许开发者在本地环境中，快速地从Figma设计稿生成代码，并能在React、Vue和纯HTML等多个主流框架之间进行实时对比和预览。适用于设计稿到代码的快速验证和原型开发。

创建OneNote笔记本结构

onenote-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本技能提供了使用Graph API创建完整OneNote结构（包括笔记本、版面和页面）的详细指南和代码示例。重点讲解了OneNote对XHTML格式的严格要求，并指导用户避免常见的HTML错误（如未闭合标签、不支持的CSS属性），从而确保API调用时的内容完整性和正确渲染。

高级单页落地页生成器

alirezarezvani/claude-skills

该技能能够生成高质量、自包含的单页HTML落地页，并集成3D CSS动画、GSAP滚动效果和鼠标视差深度等高级视觉效果。它通过结构化的产品、受众、品牌色和语气提问，确保生成的页面高度贴合实际产品，从而最大化转化效果。适用于制作专业的产品宣传页、营销页面或一次性展示页。

提取静态自包含HTML

stitch-extract-static-html

google-labs-code/stitch-skills

用于从任何现代Web应用（如React、Next.js等）捕获一个完全独立、自包含的静态HTML文件。该工具会自动解析所有CSS样式并内嵌图片（Base64），确保生成的页面可以在没有外部网络连接的情况下独立查看和分享，适用于UI状态捕获或资产准备。

网页设计转React Native组件

stitch-react-native

google-labs-code/stitch-skills

该工具旨在将Stitch平台生成的网页设计（HTML/CSS）转换为可投入生产的React Native组件。它负责元素和样式（如Flexbox、阴影）的精确映射，并将复杂的网页样式转换为React Native的StyleSheet.create()。同时，它指导遵循原子设计原则和数据脱耦的最佳实践，实现高效的跨平台移动开发。

全栈网页UI设计与优化

sickn33/antigravity-awesome-skills

这是一个全面的前端设计工具，适用于构建任何类型的Web界面，包括组件、页面和仪表盘。它不仅关注视觉美学（颜色、排版、间距），更深入到响应式布局、用户体验审计和设计系统实现。当用户要求优化或完善任何界面的外观和使用感受时，应使用此技能。

语言