下载

Skill UI

浏览并发现 15558+ 精选技能

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

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

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

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对话中作为工件分享和预览。

HTML PPTX 海报制作

K-Dense-AI/claude-scientific-skills

通过 HTML/CSS 模板制作研究海报，导出 PDF 或 PPTX，满足明确提出 PowerPoint 格式需求，结合响应式布局与 AI 视觉素材，方便快速预览与迭代。

学术海报生成工具

wanshuiyin/Auto-claude-code-research-in-sleep

注意：此技能已过时，不应再用于创建新的海报。相关功能已由 /paper-poster-html 替代。用户必须立即迁移到新的 HTML/CSS 流程来生成准确、符合尺寸限制的海报，切勿使用旧的 LaTeX 工作流。

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

premium-frontend-ui

github/awesome-copilot

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

全面Web开发专家

github/awesome-copilot

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

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等多个主流框架之间进行实时对比和预览。适用于设计稿到代码的快速验证和原型开发。

语义设计系统文档生成

google-labs-code/stitch-skills

本技能充当专家级设计系统负责人，能够深度分析现有项目（包含HTML、CSS和截图）的技术资产。它将提取并综合一套完整的“语义设计系统”，生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”，确保后续使用AI工具（如Stitch）生成的所有新界面，都能完美遵循既定的视觉语言、色彩规范和组件标准。

创建OneNote笔记本结构

onenote-hello-world

jeremylongshore/claude-code-plugins-plus-skills

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

静态页面云端部署

用于将静态网站文件（包括HTML、CSS、JS、图片等）部署到指定的云端域名。该技能通过Cloudflare Pages实现自动化部署，适用于单页应用、作品集、登陆页或文档网站。它能处理文件分阶段和缓存规则，确保部署后的内容是最新的。

实时设计参数调整面板

nexu-io/open-design

该技能可以将任何HTML设计稿（如着陆页、仪表板）包裹在一个侧边栏控制面板中。用户可以通过该面板实时调整多个设计变量，包括主色、字号比例、布局密度和深浅模式等，这些调整都是通过重写CSS自定义属性实现的。所有参数变化都会持久化存储，支持用户持续探索和测试设计的各种变体。

语言