Best frontend and UI design skills, page 102

Apply Mobazha desktop UX standards including hover states, keyboard navigation, information density, and desktop-specific features.

mobazha/mobazha-unified

功能文档索引。查阅 listing/钱包/配送/主题/i18n/账号绑定/settings 等模块的设计文档。触发词："功能文档", "feature docs", "功能设计", "这个模块是怎么设计的".

mobazha/mobazha-unified

PG-207 SaaS 首页重设计（Stores First）执行指南。将 SaaS 首页从商品市场转型为店铺托管平台展示页。触发词："执行 PG-207", "SaaS 首页", "Stores First", "首页重设计", "saas homepage".

mobazha/mobazha-unified

A skill your agent uses when designing a Digital Down Converter (DDC) using dsphdl System objects.

matlab/matlab-agentic-toolkit

Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce…

samber/cc-skills

Compozy visual-design authority for production UI, static artifacts, prototypes, and reviews.

compozy/compozy

Set up, customize, or troubleshoot Fumadocs Core/MDX/UI: adapters, loaders, navigation/layouts, search, MDX components, OpenAPI, OG images, exports, and i18n.

compozy/compozy

Comprehensive skill for building, migrating, and maintaining Astro v7 projects.

fabricioctelles/skills

Create distinctive, production-grade web frontend interfaces with high design quality.

majiayu000/spellbook

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

Audit Audiobook Organizer Go and current web UI dependencies for vulnerabilities, outdated packages, and dependency hygiene without changing files unless explicitly asked.

jeeftor/audiobook-organizer

Cross-border selling on TikTok Shop. An agent skill from nexscope-ai/eCommerce-Skills.

nexscope-ai/eCommerce-Skills

Migrates a traditional Power Pages site from Bootstrap 3 to Bootstrap 5.

microsoft/power-platform-skills

Motor de montagem atômica que cria apresentações interativas em HTML/Tailwind com componentes Glassmorphism modulares e navegação card-a-card.

sandeco/mira-animator

Gera num slide do Mira uma forma que morfa em outra(s) em loop a partir de CONCEITOS em palavras (o usuário só tem a ideia, não o arquivo).

sandeco/mira-animator

Cria um NOVO template de deck do Mira a partir de imagem(ns) de referência (prints de slides e/ou logomarca): reconhece o design system e a disposição dos elementos e salva o esqueleto index.html…

sandeco/mira-animator

Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3…

sandeco/mira-animator

Anima um SVG que o usuário FORNECE dentro de um slide do Mira, dando movimento próprio à forma (não vira outra forma, isso é morph).

sandeco/mira-animator

Gera num slide do Mira (novo ou existente) uma forma SVG que morfa em outra(s) em loop contínuo, com GSAP e MorphSVGPlugin vendorados localmente (deck offline, file://).

sandeco/mira-animator

创建独特的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化）。生成富有创意、精致的代码和 UI 设计，避免千篇一律的 AI 审美。

LeastBit/Claude_skills_zh-CN

Reviews the design of an existing Power Pages site - a live URL or a local project folder - and recommends what to change, without modifying anything.

microsoft/power-platform-skills

Perform any development work on the ambient-ui component. An agent skill from ambient-code/platform.

ambient-code/platform

Counterpoint and voice writing (对位与声部写作) - writing a second line that is genuinely independent rather than a harmony part.

jtydhr88/music-composition-skills

Mix intent as a handoff artifact (混音意图) - stating what a mix must achieve so a human engineer, a DAW, or a generative backend can all act on it, without prescribing EQ or compressor settings.

jtydhr88/music-composition-skills

Hip-hop and trap as a style layer (嘻哈风格层): beat-first music where the producer is a programmer, not a drummer.

jtydhr88/music-composition-skills

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

Hand a human a rendered HTML page at a stable HTTPS URL. An agent skill from yonatangross/orchestkit.

yonatangross/orchestkit

A skill your agent uses when building dApp frontends with wagmi v2 and viem.

ccashwell/evm-cortex

A skill your agent uses when deploying dApp frontends to IPFS or decentralized hosting.

ccashwell/evm-cortex

Guides design of comfortable, intuitive VR/MR experiences for Meta VR and Horizon OS — comfort guidelines, interaction patterns, spatial layout, accessibility.

meta-quest/agentic-tools

Apply Jakob's Law — users expect your product to work like the others they already use.

Owl-Listener/designer-skills

Apply the Law of Closure — the eye completes implied shapes from partial forms.

Owl-Listener/designer-skills

Apply the Law of Continuity — the eye follows alignment and unbroken paths.

Owl-Listener/designer-skills

Apply the Law of Figure-Ground — establish which layer is foreground and actionable versus background.

Owl-Listener/designer-skills

Apply the Law of Similarity — shared colour, shape, or size signals that elements belong to one category.

Owl-Listener/designer-skills

Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify.

Owl-Listener/designer-skills

Apply the Serial Position Effect — first and last items in a sequence are recalled best.

Owl-Listener/designer-skills

Search Creative Fabrica's 20-million-plus fonts, graphics, crafts Trigger phrases: search creative fabrica for svg, find POD fonts on creative fabrica, creative fabrica free graphics, profile a…

mvanhorn/printing-press-library

Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find…

mvanhorn/printing-press-library

Two agent-readiness scanners in one terminal: every check isitagentready.com and is-agentic.com run, plus copy-paste fixes, CI gating, scan history, and a local store neither web UI has an answer for.

mvanhorn/printing-press-library

Two-mode frontend skill: (1) authoring — accessibility, responsive layout, loading/error states, performance, DESIGN.md authoring, visual direction; (2) critique — READ-only scored review of built…

romiluz13/cc10x

自定义页面表格批量录入技能。使用 YidaCodeCanvas 组件和 antd Table、Input、Select、DatePicker、React hooks 实现草稿、行级校验、分批并发提交和行级错误保留。YidaCodeCanvas 组件内不能直接调用 this.utils.yida.；写入默认消费发布层注入的 window.OPENYIDAYIDAAPI，提示、跳转等根级工具消费…

openyida/openyida

基于 JSX 组件 自定义页面设计器 dataSourceMap 专用技能。仅用于维护已存在的 Page dataSource.online / this.dataSourceMap.<name.load() 形态。YidaCodeCanvas 组件没有 dataSourceMap；使用 YidaCodeCanvas 组件实现的自定义页面数据接入必须改用…

openyida/openyida

自定义页面信息密度设计规范。提供紧凑、舒适、宽松三种模式、切换 UI 和响应式降级；平台 JSX 组件页面的 didMount/this.utils.isMobile 仅作存量维护示例。

openyida/openyida

应用多语言管理。查询和维护宜搭应用的语言配置、文案词条、翻译状态、一键翻译和多语言升级。适用于全球化设置 / 多语言管理页面；需要应用已开通国际化能力包，或运行在 Global YiDA 环境（默认入口为 www.yidaapps.com，且支持客户自定义二级域名）。

openyida/openyida

将已编写的宜搭自定义页面源码发布或更新到指定页面。提供源码路径、应用 ID 和自定义页面 ID 后，执行编译、发布和内容回读；原生表单不使用本技能。

openyida/openyida

自定义页面 Recharts 高级图表技能。使用 YidaCodeCanvas 组件和 Recharts 实现可视化、看板图表、趋势图、组合图等现代 React 图表页面；聚合数据必须来自宜搭原生报表或已聚合接口，不在前端拉全量明细自行聚合。明确要求 ECharts、维护旧 ECharts 页面或 Recharts 无法覆盖的复杂 option 时改用 yida-chart。

openyida/openyida