登录
下载

Skill UI

浏览并发现 9044+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 技能设计 ，共找到 174 条记录
默认排序 最新上传 最多下载

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

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

基于设计系统的组件生成

ui-component
sickn33/antigravity-awesome-skills
425
该技能用于生成高度符合现有设计系统规范（如StyleSeed）的可复用UI组件。它强制组件使用语义化的设计令牌，并遵循严格的可访问性标准，从而避免了随意编写的样式和标记，确保整个前端界面的结构化和高一致性。
查看详情

可重用界面组件模式生成

ui-pattern
sickn33/antigravity-awesome-skills
453
本技能旨在帮助开发者根据现有设计系统（如StyleSeed的原子组件）生成结构化、可复用的UI布局模式。适用于构建需要跨多个页面保持设计一致性和重复使用性的组件，例如卡片列表、数据表、表单区域等。它指导如何从最小的构建块开始，确保组件的动态性和可扩展性，避免重复编写页面特定的标记代码。
查看详情

UI设计系统合规性审核

ui-review
sickn33/antigravity-awesome-skills
439
本技能用于对用户界面代码进行严格的结构化审核，确保其完全符合既定的设计系统规范。它重点检查设计令牌（Design Tokens）、组件可用性、可访问性标准（如颜色对比度和焦点状态）以及移动端用户体验，从而提供带具体修复建议的审核报告。
查看详情

UI设计令牌管理与同步

ui-tokens
sickn33/antigravity-awesome-skills
222
该技能用于管理设计系统中的设计令牌（Design Tokens），确保JSON源文件、CSS变量和深色模式值等所有数据源保持同步。它可以帮助用户安全地列出、添加或更新令牌（如颜色、间距），并将更改自动传播到所有实现文件中，维护系统的一致性和完整性。
查看详情

结构化设计与规格撰写

brainstorming
jnMetaCode/superpowers-zh
240
该技能指导用户将模糊的想法或初步需求转化为完整、详细且经过批准的技术规格。它遵循严格的工作流，包括项目上下文探索、提出澄清问题、提供多方权衡方案和撰写设计文档。核心原则是：在任何代码编写或实现行动之前，必须完成所有设计的验证和批准。
查看详情

设计稿到模块化React组件

react-components
google-labs-code/stitch-skills
205
该技能旨在自动化将视觉设计稿（来自Stitch）转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践，要求逻辑分离到自定义Hooks，将数据解耦到Mock Data层，并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射（如Tailwind），并包含严格的验证周期，确保生成代码是可维护、可生产环境使用的。
查看详情

技术设计质量审核与验证

kiro-validate-design
gotalab/cc-sdd
71
该技能提供交互式的技术设计质量审核服务，用于验证功能设计方案是否具备实施能力。它系统性地检查设计文档，重点识别关键问题、总结设计优势，并给出明确的通过/不通过（GO/NO-GO）决策和可执行的后续改进步骤，确保项目设计具备高可靠性。
查看详情

模块化系统设计原则

modular-design-principles
tech-leads-club/agent-skills
168
本技能提供了一套跨技术栈的模块化设计指南，帮助用户理解和定义系统边界。它涵盖了界限上下文、状态隔离、显式契约和故障隔离等核心架构原则。适用于系统架构设计、服务拆分、耦合度评估或进行新模块开发，确保系统结构清晰、可维护、可扩展。
查看详情

Anima API成本优化与管理

anima-cost-tuning
jeremylongshore/claude-code-plugins-plus-skills
64
本技能提供一套全面的Anima API成本优化方案。通过实现生成缓存、增量更新检测和智能调用策略，可以大幅减少不必要的API调用次数，从而有效降低SaaS设计到代码的转换成本。特别适用于管理大型项目和控制API使用预算。
查看详情

Figma设计到代码生成

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

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

anima-local-dev-loop
jeremylongshore/claude-code-plugins-plus-skills
79
该技能提供了一个基于Anima SDK的迭代式开发工作流。它允许开发者在本地环境中，快速地从Figma设计稿生成代码，并能在React、Vue和纯HTML等多个主流框架之间进行实时对比和预览。适用于设计稿到代码的快速验证和原型开发。
查看详情
上一页123...9101112131415下一页
语言
简体中文
English