搜索「Ui」的结果

io.github.UitbreidenOS/UitKit/css-resets-initial-layout-structures

关于 CSS reset 初始布局结构的指南与说明

skillsmp.zarazhangrui-frontend-slides-skill-md

从零创建或转换 PowerPoint 文件，产出美观、动效丰富的 HTML 演示。当用户想做一份演示、把 PPT/PPTX 转成网页，或为演讲与路演制作幻灯片时使用；通过视觉探索而非抽象选项，帮助非设计背景的人找到自己的审美风格。

io.github.FlorianBruniaux/claude-code-ultimate-guide/security-check

对照已知威胁数据库，快速检查配置安全性。

io.github.biersoeckli/QuickStack/backend-testing

使用项目的 Vitest、Prisma、SQLite 与 k3s 约定创建并审查 QuickStack 后端单元与集成测试。在编辑 src/server/、src/shared/ 或 src/__tests__/integration/ 下的后端测试文件，或用户要求后端测试覆盖、mock、Prisma 测试库搭建或 Kubernetes 集成测试时使用。

io.github.biersoeckli/QuickStack/backend-services

使用项目既定的单例、适配器、缓存与错误处理模式，创建并更新 QuickStack 后端服务、适配器、独立服务与 server action。在编辑 src/server/services、src/server/adapter、src/server/utils、src/server.ts 下的文件，或相关的服务端 action 与后端工具时使用。

io.github.javimosch/supercli/quickstart

为生产部署压缩 CSS 文件。

io.github.zarazhangrui/frontend-slides/frontend-slides

从零创建或转换 PowerPoint 文件，产出美观、动效丰富的 HTML 演示。当用户想做一份演示、把 PPT/PPTX 转成网页，或为演讲与路演制作幻灯片时使用；通过视觉探索而非抽象选项，帮助非设计背景的人找到自己的审美风格。

io.github.rogie/figui3/css-render-performance

指导组件 UI 的 CSS 渲染与布局性能测试。在检查选择器开销、布局抖动、重绘代价、动画流畅度、CSS containment，或由 CSS 改动引起的视觉回归时使用。

io.github.kubernetes-sigs/kubebuilder/plugin-helm

维护 Kubebuilder Helm 插件（helm/v2-alpha，位于 pkg/plugins/optional/helm/v2alpha/）的指南。在处理 Helm 插件代码、模板或 chart 生成时使用。

io.github.FlorianBruniaux/claude-code-ultimate-guide/design-patterns

在 TypeScript/JavaScript 代码库中检测、建议并评估 GoF 设计模式。适用于重构代码、应用单例/工厂/观察者/策略模式、评估模式使用质量，或为 React、Angular、NestJS、Vue 寻找框架原生替代方案。

io.github.FlorianBruniaux/claude-code-ultimate-guide/refactor

分析代码中的 SOLID 原则违规，并给出针对性的改进建议。

io.github.FlorianBruniaux/claude-code-ultimate-guide/security

聚焦 OWASP Top 10 漏洞的快速安全评估。

io.github.FlorianBruniaux/claude-code-ultimate-guide/security-audit

进行全面安全审计，并给出量化评分的安全态势评估。

io.github.javimosch/supercli/quickstart

当用户希望使用 cursor-vip 在 Cursor IDE 中享受 VIP 功能时使用本技能。

io.github.javimosch/supercli/quickstart

当用户希望使用 cursor-free-everyday 实现完全免费、自动获取新账号、一键重置新额度、解决机器码问题、自动保持满额度时使用本技能。

io.github.davepoon/buildwithclaude/macos-design

设计并构建有原生感的 macOS 应用 UI。当用户要做桌面应用、macOS 应用、Mac 风格界面、Apple 风格 UI、系统工具，或任何应像原生 Mac 应用的东西时使用。用户提到「原生感」「桌面应用设计」「Apple 设计模式」「侧边栏布局」「红绿灯按钮」，或想构建看起来属于 macOS 的工具/实用程序时也触发。本技能涵盖布局、组合、交互模式、动画、亮/暗色模式，以及让应用显得出自 Apple 之手的所有细节。

io.github.rogie/figui3/css-component-testing

指导 FigUI3 组件的 CSS 与布局测试。在校验组件 CSS、嵌套选择器、设计令牌、交互状态、计算样式、布局盒或视觉回归时使用。

io.github.zebbern/claude-code-guide/sql-insight

把自然语言翻译成 SQL、优化查询性能、解读 SQLite 与 PostgreSQL 的 EXPLAIN 计划。当用户要求把问题转成 SQL、优化慢查询、调优索引、分析执行计划，或提到 NL2SQL、query tuning、全表扫描等关键词时触发。

io.github.zebbern/claude-code-guide/database-scout

探查 SQLite 与 PostgreSQL 数据库：列出表、检查 schema（列/类型/约束）、预览数据、生成 Mermaid ER 图，并运行安全的只读查询。当被要求探查数据库、查看表结构、描述表、生成图或查询数据时触发，也由关键词 database exploration、schema、ER diagram、SQL query 触发。

io.github.zebbern/claude-code-guide/database-optimizer

在排查慢查询、分析执行计划或优化数据库性能时使用。适用于索引设计、查询改写、参数调优、分区策略与锁竞争处理。

io.github.zebbern/claude-code-guide/api-shape-explorer

用并行子代理为一个模块生成多个截然不同、风格激进的接口设计。当用户想设计 API、探索界面选项、对比模块的不同形态，或提到「design it twice」时使用。

io.github.zebbern/claude-code-guide/typescript-pro

在构建需要高级类型系统、泛型或全栈类型安全的 TypeScript 应用时使用。适用于类型守卫、工具类型、tRPC 集成与 monorepo 搭建。

io.github.zebbern/claude-code-guide/nextjs-developer

在用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。适用于全栈特性、性能优化、SEO 实现与生产部署。

io.github.zebbern/claude-code-guide/sqlmap-database-pentesting

当用户要求「自动化 SQL 注入测试」「枚举数据库结构」「用 sqlmap 提取数据库凭证」「从存在注入漏洞的数据库导出表和列」「自动化数据库渗透测试」时使用此技能。提供使用 SQLMap 检测并利用 SQL 注入漏洞的全面指导。