본문으로 건너뛰기
cccskills

디자인 스킬

UI/UX, 로고, 슬라이드, 이미지 생성 (7.4천건)

가격이나 정렬 순서로 필터

竞品决策分析 / Competitive Decision Brief:当用户要调研竞品、替代方案、新产品、SaaS/AI 产品或市场信号, 并希望把官网、定价、评论、文档、更新日志、登录态走查、截图或浏览器取证转成产品定位、路线图、定价、 功能优先级、差异化、Go/No-Go 或 PRD 输入时使用。核心行为是先锚定产品决策,再选择证据渠道, 最后输出可行动的 Product Decision Brief;不要把它降级成泛泛功能清单、纯 UX 走查或“点完所有按钮”报告。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

设计脑暴 / 实现前方案校准:当用户想把已基本成立的想法、功能方向或产品问题,在写 PRD、画 mockup 或进入开发计划前,先比较方案、确认取舍、对齐 UI/视觉约束,并收敛成可执行设计 spec 时使用。 可用中文唤起:“先脑暴一下方案”“先不要写 PRD,帮我设计几种路径”“参考 brainstorming 把这个需求变成设计 spec” “实现前先讨论设计”。问题还没定义清楚时先用 ai-collaboration-calibration;已有方案要压力测试时用 grill-me; 直接写 PRD 时用 prd-architect;grill-me 返回精确设计 gap 时,本 Skill 只输出 Design Delta。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

PRD 到 UI 线框 / 结构阶段:当需要把 PRD 的界面定义先转成 screen inventory、状态模型、ASCII 布局、低保真 HTML mockup, 并先确认结构/状态而不是视觉 polish 时使用。这个 Skill 只负责 UI mockup 的结构阶段;如果用户要高保真、真实前端项目对齐、 project-native preview、component map、implementation notes 或“开发完全复刻”,必须转用 ui-mockup-desktop-workbench。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

客户需求发现与澄清助手:当用户是销售、客户成功或售前,拿到客户模糊、宽泛、缺少产品边界的需求,需要先在内部最多五轮补齐关键事实,再生成一次性客户澄清问题清单、需求摘要与通用技术可行性判断时使用;当确认需求将落入 StyleWork 时加载可选产品与 UI 上下文,并可在信息足够或明确要求时输出带假设标记的轻量 Demo。不要用于直接报价、承诺交期、替代正式 PRD 或在信息不足时假装已有能力。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

PRD 架构师 / 需求文档起草:当用户要把一个产品想法、需求草稿、脑暴结果或功能说明整理成 PRD 时使用。 可用中文唤起:“帮我写 PRD”“帮我选 PRD 模板”“把这个需求整理成 PRD”“判断该用轻量 PRD 还是标准 PRD” “补一张可编辑 Draw.io 核心流程图”“PRD 里加架构图”。 会在 PRD-lite、PRD-standard、PRD-ai-native 中选择一个模板资产按需加载,并在需要时加载 mockup handoff、 Draw.io 图示或开发 handoff 附录;页面型 PRD 默认联动生成项目 UI 对齐的 HTML、关键截图和正文证据。 不用于直接编码、单纯画 UI,或评审一份已经写好的 PRD。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

PRD 到高保真 UI 交付对齐 / 桌面工作台 UI mockup:当用户已有 PRD、UI 规范、真实前端项目路径、截图或页面状态清单, 需要先从 PRD 提炼 UI 结构、状态模型和 ASCII 布局,再进入高保真 mockup、项目原生 preview 或开发交付 handoff 时使用。 优先输出项目原生 preview route/component;只有早期概念确认或无法接入真实项目时才输出 standalone HTML。 必须包含结构阶段产物、screen contract、component map、implementation notes、截图/验证结果和 HTML/preview 的迁移边界。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

交付闭环:当用户显式调用 `$delivery-loop`,或明确要求进入“交付闭环”时使用。 面向已有 PRD、UI/HTML、截图或 Product Delivery Package 但仍有 Review 缺口的场景,在独立评审与定点修订之间最多循环三轮,直到 package_ready 或进入 Human Gate;不用于从模糊问题开始。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PANGKAIFENG/ai-product-manager-skills162026년 8월 31일 업데이트

Agent Skill design knowledge base — mechanisms, philosophy, patterns, pitfalls. Use when: designing new skills, reviewing skill quality, or deciding whether something should be a skill.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cablate/ai-toolkit162026년 4월 6일 업데이트

Agent 配置設計指南 — 基於 Claude Code 6 個 built-in agent 的逆向分析。Use when: 設計新 agent、優化現有 agent prompt、決定工具/模型配置、撰寫 dispatch prompt。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cablate/ai-toolkit162026년 4월 6일 업데이트

Use this skill for ANY of the following — do not skip it even if the query seems simple: strategic decisions, business analysis, thesis building, complex problem solving, geopolitical analysis (non-market), philosophical reasoning, academic research, system design, decision under uncertainty, long-form thinking, or any question that benefits from First Principle deconstruction and multi-agent reasoning. ALWAYS use this skill when the user asks about: why something works the way it does, whether a decision is correct, how to think about a complex problem, what could go wrong, analyzing a situation from multiple angles, or any "should I..." question involving real-world trade-offs. This is NOT a market/trading skill — for financial markets, BTC, gold, stocks, forex, macro economics, use money-atlas-intelligence-os instead.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ElmatadorZ/Genesis-Mind-Cognitive-Skill152026년 8월 5일 업데이트

geo

무료

Design, implement, or evaluate GEODE's GEO capability with source-grounded stage diagnosis, frozen measurement contracts, and no-model preflight before live engine runs.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

codex

무료

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. Use when architecting complex backend systems or refactoring existing applications for better maintainability.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Source-grounded catalog of dynamic terminal UI/UX patterns in Claude Code 2.1.170 and Codex CLI 0.142.4 — live status lines, spinner verb sets, streaming and progress affordances. Reference for GEODE CLI/REPL UX work.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Agent system design patterns distilled from the OpenClaw codebase. Gateway-centric control, Session Key hierarchy, Binding routing, Lane Queue concurrency, Sub-agent Spawn+Announce, 4-tier automation, Plugin architecture, Policy Chain, Failover strategies. Triggered by "gateway", "session", "binding", "lane", "spawn", "announce", "heartbeat", "cron", "hook", "plugin", "policy", "failover" keywords.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Code review from the Kent Beck Simple Design 4 Rules perspective. God Object splitting, SRP, duplication removal, naming, cyclomatic complexity. Triggered by "kent beck", "simple design", "simplify", "refactoring" ("리팩토링"), "refactor", "god object", "SRP" keywords.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Select complementary review lenses for a requested multi-perspective review or a high-risk GEODE change. Covers design, agent constraints, gateway operations, and CLI/tool behavior; not a mandatory four-agent gate for ordinary edits.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained, or minimalist interface.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mangowhoiscloud/geode152026년 10월 22일 업데이트

app 側のページ実装を `@playlistwizard/ui` へページ単位で移行するための方針。`@/components/ui/*` import の置換、共通コンポーネント化、既存表示差分の抑制、packages/ui 側の variant 設計を伴う作業で参照すること。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

suzuki3jp/PlaylistWizard152026년 10월 21일 업데이트

General Xero browser automation notes. Use when automating any Xero page with agent-browser — covers non-standard UI patterns, waiting, and dropdown menus.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aspiers/ai-config152026년 10월 9일 업데이트

prototipo

무료

Genera las vistas estáticas navegables del producto (landing, auth, app, legales, errores y las propias del mapa de pantallas) usando el design system de design/, sin lógica de backend. Úsalo en el paso "prototipar" del sprint de definición o cuando haya que maquetar vistas nuevas (p. ej. "haz el prototipo", "maqueta las vistas", "crea la landing estática").

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

identidad

무료

Define la identidad visual de un producto — propone dos o tres direcciones de color y tipografía justificadas por lo que el producto es, las escribe en design/tokens.css y las deja listas para verlas aplicadas en preview.html antes de decidir. Úsalo tras definir el producto y ANTES de prototipar (p. ej. "define la identidad", "qué paleta usamos", "elige los colores del producto"). No construye vistas.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

brayandiazc/project-starter-template-es-ai152026년 9월 23일 업데이트

mk-party

무료

Multi-agent collaboration bringing 2-4 perspectives into one discussion for architecture decisions and trade-off analysis. Use for 'should we X or Y', design review, or debate before deciding.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ngocsangyem/MeowKit152026년 7월 28일 업데이트

Design UI components/design systems, review visual design, check accessibility. Triggers: design system, color palette, font pairing, WCAG check. Data-driven: palettes, fonts, UX guidelines.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ngocsangyem/MeowKit152026년 7월 28일 업데이트