SkillHey.
提交技能

探索技能

为网页、图像、演示文稿和视频找到原创工作流。

44 个技能匹配 “layout”
清除筛选
硬盘的爆炸技术插画，展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Better Layout

检查分组、对齐、阅读顺序与响应式布局。

1.2万Stars468Forks
仓库最近推送
Jakub Krehel
应用 antislop 前的界面示例
免费
网页与界面

Anti Slop — Responsive Layouts

改进网格、换行、溢出和触控区域，使界面适配手机到桌面。

9006Stars616Forks
仓库最近推送
miqdadbadjuber
Impeccable — design directions and gallery
免费
网页与界面

Impeccable

Impeccable 是面向 AI 编程 Agent 的前端设计 Skill，帮助你制作和改进界面，涵盖排版、布局、可访问性、响应式适配与浏览器实时迭代。

10.9万Stars6457Forks
仓库最近推送
pbakaus
免费
视频与动效

ManimGX

用 Python 制作数学讲解和 3D 动画，检查布局与时间线，导出 MP4 视频并保留可编辑场景源码。

2721Stars190Forks
仓库最近推送
Academa Labs

Baseline UI

ibelick

使用 Baseline UI 工作流完成相关任务。

  • ui design
  • frontend
1.1万Stars529Forks
仓库最近推送
硬盘的爆炸技术插画，展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Better Interface

从无障碍、布局、文案、排版、色彩与界面细节综合审查页面或流程。

1.2万Stars468Forks
仓库最近推送
Jakub Krehel
应用 antislop 前的界面示例
免费
工具与工作流6 个 Skills

Anti Slop Skills

分别改进界面设计、移动布局、无障碍、文案和代码注释。

9006Stars616Forks
仓库最近推送
miqdadbadjuber

Web Platform Design Guidelines

ehmo

使用 Web Platform Design Guidelines 工作流完成相关任务。

  • web platform
  • accessibility
642Stars55Forks
仓库最近推送

SwiftUI Expert

Antoine van der Lee

审查和改进 SwiftUI 状态管理、布局、无障碍与性能，并提供 Instruments 跟踪分析指南。

  • swiftui
  • code review
3892Stars184Forks
仓库最近推送

Expo Native UI Guidelines

Expo

使用 Expo Native UI Guidelines 工作流完成相关任务。

  • expo
  • react native
4153Stars269Forks
仓库最近推送
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
免费
演示文稿

HTML Slides

使用布局、设计 token 与 Chart.js 图表制作 HTML 演示文稿。

14.8万Stars1.6万Forks
仓库最近推送
Next Level Builder
作者展示的 Instruct 原网站与重建页面并排对比图。
免费
网页与界面

AI Website Cloner Template

让 AI 编程 Agent 将参考网站重建为可编辑的 Next.js 页面，检查响应式布局、素材和交互，再与原页面逐项对照。

3.9万Stars5804Forks
仓库最近推送
JCodesMore
SeeCode Diagrams：上游 README 中的官方图片
免费
图像设计

SeeCode Diagrams

通过紧凑 JSON 规格制作可交互、可动画展示的图解，以脚本处理布局、样式、动效与导出。

934Stars68Forks
仓库最近推送
Aryan Utkarsh

Material Design 3

Ivan Morgillo

将 Material Design 3 指引应用于组件、主题与布局，主要面向 Jetpack Compose。

  • material design
  • android
1571Stars82Forks
仓库最近推送
归藏社交卡片示例
免费
图像设计

Guizang Social Cards

制作社交卡片、公众号封面与 Live Photo 动态图卡。

8080Stars616Forks
仓库最近推送
op7418

UX Audit

Jezweb

使用 UX Audit 工作流完成相关任务。

  • ux research
  • accessibility
1114Stars110Forks
仓库最近推送

React-PDF Documents

molefrog

使用 React 组件生成报告、发票等 PDF，复用布局与 SVG 图形，并控制跨页与页眉页脚。

  • pdf
  • react
  • document-generation
170Stars11Forks
仓库最近推送

adaptive

Android

使用 adaptive 工作流完成相关任务。

  • android
  • jetpack compose
1.1万Stars695Forks
仓库最近推送

UI Craft

educlopez

使用 UI Craft 工作流完成相关任务。

  • ui design
  • frontend
459Stars24Forks
仓库最近推送
Chakra UI 组件系统
免费
网页与界面

Chakra UI Builder

使用 Chakra UI v3 搭建响应式组件、页面与主题。

4.1万Stars3647Forks
仓库最近推送
chakra-ui

fixing-motion-performance

ibelick

使用 fixing-motion-performance 工作流完成相关任务。

  • web animation
  • performance
1.1万Stars529Forks
仓库最近推送

How to Create Cursor Commands — Skill with Examples (Grade A) | Skills Directory

pr-pm

How to Create Cursor Commands — Skill with Examples (Grade A) | Skills Directory：来自原 GitHub 项目的可复用 Skill。A security-scanned skill for authoring custom Cursor commands: file layout, triggers, and working examples your agent can apply directly.

  • development
  • javascript
  • typescript
124Stars14Forks
仓库最近推送

swiftui-design-skill

Wholiver

swiftui-design-skill：来自原 GitHub 项目的可复用 Skill。design skill for Claude AI. Grade A. SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

  • design
  • go
  • swift
211Stars12Forks
仓库最近推送

React Email Templates

Resend

使用 React Email 制作组件化 HTML 邮件，复用布局与样式、本地预览，并输出给邮件服务发送。

  • react-email
  • html-email
  • react
212Stars34Forks
仓库最近推送