ui-web

Sterne129

Forks23

Aktualisiert3. April 2026 um 07:38

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

ryfineZ

ryfineZ/my-ai-skills

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

Web- und digitale SchnittstellendesignerInformatik- und Mathematikberufe·SOC 15-1255

Datei-Explorer

3 Dateien

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

Mehr aus diesem Repository

gleiches Repository

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

Jeden Skill mit einem Klick ausführen