ui-web

Étoiles129

Forks23

Mis à jour3 avril 2026 à 07:38

Use when designing or reviewing web pages, dashboards, SaaS interfaces, admin panels, or browser-based product surfaces.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

ryfineZ

ryfineZ/my-ai-skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·SOC 15-1255

Explorateur de fichiers

3 fichiers

SKILL.md

readonly

name	ui-web
disable-model-invocation	true
description	Use when designing or reviewing web pages, dashboards, SaaS interfaces, admin panels, or browser-based product surfaces.

UI Web

强调信息层级、主任务路径和网页阅读节奏。
不要回到通用 SaaS 模板风。
官网、后台、内容页的节奏不同，不要一个框架打天下。
优先用真实任务流排版，不要平均切豆腐块。
细化规则：references/platform.md
起手 brief：../ui-assets/references/platform-briefs.md

Plus depuis ce dépôt

même dépôt

doctor-skills

ryfineZ/my-ai-skills

Use when diagnosing central skill repository drift, especially when platform links look inconsistent, .skill-source.json metadata may be incomplete, verify.sh reports issues, or you want a one-command health check before larger maintenance.

2026-04-05129

ui-assets

ryfineZ/my-ai-skills

Use when maintaining shared ui-polish references, helper scripts, demo assets, or bridge documents that support the ui-polish bundle.

2026-04-05129

ui-core

ryfineZ/my-ai-skills

Use when you need the non-negotiable ui-polish rules for UI direction, color, copy, spacing, readability, button feedback, and layout restraint before making interface decisions.

2026-04-05129

ui-polish

ryfineZ/my-ai-skills

提升 Web、H5、小程序、Chrome 扩展、移动应用、Electron、Tauri 和桌面应用的界面质感、层级与一致性。用于任何涉及页面、组件、弹窗、设置页、面板、工具窗口、仪表盘或设计重构的任务，尤其当用户要求更好看、更高级、更有质感、更专业、减少 AI 味时。

2026-04-05129

ui-review

ryfineZ/my-ai-skills

Use before claiming a UI is done, polished, or good-looking to run the ui-polish blocking checks, lightweight validation, and final visual review.

2026-04-05129

ui-ux-pro-max

ryfineZ/my-ai-skills

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

2026-04-03129

Exécutez n'importe quel Skill en un clic