Навыки: Дизайн

Web UI design patterns for product owners. Load when designing web application interfaces, writing web-specific acceptan...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternative text...

World Pulse: Any time you create or modify a UI component. The Oblivion aesthetic is the project's visual identity — app...

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying...

オブザーバビリティ三本柱（ログ・メトリクス・トレース）の統合設計スキル。相関IDによる連携と双方向ナビゲーション（メトリクス→ログ→トレース）を実現。Anchors:• Observability Engineering (Charity...

Design observability strategy using the three pillars (logs, metrics, traces)

Show whether the agent followed the kit's rules in recent sessions: pages edited and measured, Stop hook blocks, finding...

Create and manage Obsidian Canvas files with automatic layout generation. Use when creating visual knowledge maps, weekl...

Quick capture of notes, links, and ideas to the Obsidian vault

Expert guidance on Obsidian markdown syntax, editing features, and formatting. Use when helping with Obsidian note-takin...

La solución más simple suele ser la mejor. Use cuando evalúe complejidad de diseño, tome decisiones de features, o simpl...

制作手机应用界面示意，可单屏或多屏并排（含手机外框）。用户提到 App 界面、手机页面、移动端产品时使用。先读取 open-design 总控流程，再按本技能清单执行。

制作竖版宣传海报或朋友圈分享长图（强视觉冲击、要点列表、品牌与二维码区）。用户提到海报、活动图、分享图时使用。先读取 open-design 总控流程，再按本技能清单执行。

为企业或产品制作官网、落地页、介绍页（首屏、功能说明、价格或试用入口、页脚联系）。用户提到官网、落地页、产品介绍时使用。先读取 open-design 总控流程，再按本技能清单执行。

制作多张可左右滑动的社媒图文卡片（干货要点、统一视觉系列）。用户提到小红书风格、轮播图、多张配图时使用。先读取 open-design 总控流程，再按本技能清单执行。

制作产品预发布 / 候补名单落地页（品牌、一句话价值、邮箱收集与成功态）。用户提到 waitlist、即将上线、早鸟报名时使用。先读 open-design 总控，再按本技能清单执行。

Project conventions for reusable UI components, file placement, naming, and deduplication in Odin Reporters App. Use whe...

Odoo 19 development knowledge base with 18 specialized guides covering Actions (ir.actions.*, cron jobs, server actions)...

This skill should be used when creating icons for Odoo modules. It generates modern Material Design style PNG icons (128...

Smart OG image generation that studies your codebase, understands routes and brand identity, then creates contextually a...

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitt...

处理视频和序列帧，编译滚动、指针、拖动与状态驱动的网页动效；内含本地媒体处理脚本和运行时。新素材生成使用宿主工具。

Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design direction...

Modern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a...

Repo-local extension of om-auto-fix-issue - how an issue reference is recognised in a Cezar task prompt, this repository...

money-tracker.online extension of the installed om-auto-write-spec skill. Repo-specific spec sections and the spec PR's...

Review a diff, branch, or PR against correctness, security, breaking-change, and quality standards — runs the validation...

Design in a design tool (Figma or similar) on the repository's design system — write a brief for a new screen using only...

LLM-as-judge for a coding-agent session or an eval-harness result — checks controller attestations first, then project g...

Evidence-first design review of a PR's UI. Walks the changed screens in a real browser, performs the user's tasks, and p...

Extract the repository's design contract (tokens, component registry, screen archetypes, conventions) into .uxproof/ so...

Extract the repository's design contract (tokens, component registry, screen archetypes, conventions) into .uxproof/ so...

Define or review a visual system, DESIGN.md, or redesign direction. Use for typography, layout, color, motion, and inter...

Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state o...

Guide users through OmicVerse plotting utilities showcased in the bulk, color system, and single-cell visualization tuto...

OmniStudio FlexCard creation and validation with 130-point scoring. Use when building at-a-glance UI cards, configuring...

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully...

Use when designing, reviewing, or generating the introduction to ANY mechanic in ANY genre — the four-beat teaching patt...

Design new onboarding flows or evaluate/critique existing ones — signup sequences, setup checklists, first-run wizards,...

Audit and generate in-app user guidance — onboarding flows, empty states, tooltips, feature tours, contextual help, defa...

Review Datastar code for Tao-aligned architecture, correct attributes/actions usage, and maintainable server-driven UI p...

Audit designs, prototypes, or built interfaces for accessibility risks using WCAG-aligned principles adapted for healthc...

Generates creative and thematic epithets (nicknames) for characters within the One Piece fanon universe, adapting to spe...

Access the Anthropic product named Claude Design when the request contains that exact name, a claude.ai/design URL, or a...

Apply product-grounded visual quality constraints during user-visible UI changes. Use for layout, styling, content hiera...

Extract, document, or normalize a product UI design system from code, screenshots, or brand sources. Use for visual toke...

Review or polish a product UI for accessibility, brand fidelity, hierarchy, rhythm, responsive behavior, themes, interac...

Local-first collaborative AI design agent workspace and registry of 100+ design skills, slide templates, generative medi...