UI/UX, logos, slides, and image generation (7.3K skills)
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
The English summary is being prepared. Showing the original description.
Enter talk mode — conversation and research, no repo changes. ONLY invoke when the user explicitly types `/talk` or `$talk`; never auto-select from a natural-language question or design discussion.
The English summary is being prepared. Showing the original description.
Design or revise Interpreter UI for non-developers with an ultra-minimal, utilitarian style inspired by the OpenAI website and ChatGPT, not the developer platform. Use when simplifying settings, onboarding, chat, forms, empty states, or helper copy; when removing extra containers, labels, or visual noise; when replacing technical wording with plain language; when clarifying hierarchy and making the main user action obvious; when making every visible label and status understandable to an average HR admin or other non-technical user; when hiding implementation details such as logs, IDs, endpoints, paths, or protocol names; or when a screen must respect the app's existing CSS variables and light/dark theme behavior.
The English summary is being prepared. Showing the original description.
Design value propositions for candidate customer segments and help the user choose the strongest one. Use when Codex needs to explain jobs, pains, and gains when needed, check niche-positioning prerequisites, ask one question at a time, present multiple value-proposition options, and write user-confirmed outputs into `opc-doc/`.
The English summary is being prepared. Showing the original description.
Define the smallest viable experiment and MVP for a selected one-person company opportunity. Use when Codex needs to explain what MVP means when needed, verify prerequisites, ask one question at a time, present multiple MVP options, and write user-confirmed outputs into `opc-doc/`.
The English summary is being prepared. Showing the original description.
Design a conversion loop for a one-person company from reach to lead capture to purchase. Use when Codex needs to explain conversion concepts when needed, verify MVP prerequisites, ask one question at a time, present multiple conversion-path options, and write user-confirmed outputs into `opc-doc/`.
The English summary is being prepared. Showing the original description.
Design a viable business model for a one-person company using Lean Canvas and a simplified Business Model Canvas. Use when Codex needs to explain the business-model concepts when needed, verify niche and value-proposition prerequisites, ask one question at a time, present multiple model choices, and write user-confirmed outputs into `opc-doc/`.
The English summary is being prepared. Showing the original description.
MVP 开发专家团 UI/UX 设计师（颜好看）。擅长 67 种 UI 风格、161 色调色板、57 种字体配对。输出完整设计系统 Token 和页面设计提示词。 触发词：由 mvp-dev-team-lead 主理人调度执行 Phase 1 调研或 Phase 2 设计细化任务时激活。不直接面向用户。
The English summary is being prepared. Showing the original description.
质量审查官 - 5 维度评审和 Anti-Slop 门控检测，确保品牌级设计质量
The English summary is being prepared. Showing the original description.
需求发现分析师 - 引导用户结构化梳理设计需求五要素，输出标准需求摘要
The English summary is being prepared. Showing the original description.
设计系统专家 - 从 71 套品牌级设计系统匹配最佳方案，定制设计令牌和品牌规范
The English summary is being prepared. Showing the original description.
创意策划师（策凌 · Celine）。擅长品牌/产品定位分析、情绪板/视觉方向探索、广告创意方向策划、场景构思与镜头设计、Logo/品牌标识概念。 触发词："帮我确定品牌视觉方向"、"做一个情绪板"、"这个产品广告怎么拍"、"帮我想几个广告创意方向"、"设计一套品牌视觉"、"我不确定要什么风格"。
The English summary is being prepared. Showing the original description.
原型构建师 - 基于设计令牌和模板生成品牌级 HTML/CSS 原型代码
The English summary is being prepared. Showing the original description.
导出交付专家 - 将审查通过的原型导出为 HTML/PDF/PPTX 等独立运行格式
The English summary is being prepared. Showing the original description.
设计原型专家团主理人 - 编排 5 位专业角色按 SOP 完成品牌级设计产出
The English summary is being prepared. Showing the original description.
Use when creating or restructuring a PlayCanvas app with the Engine API, @playcanvas/react, or @playcanvas/web-components, covering bootstrap, input, resize, physics, update loop, UI, and lifecycle.
The English summary is being prepared. Showing the original description.
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
The English summary is being prepared. Showing the original description.
You MUST use this before any creative work — creating features, building components, drafting documents, designing workflows, or modifying behavior. Explores your human partner's intent, requirements, and design before any implementation begins.
The English summary is being prepared. Showing the original description.
Use when you have a spec or requirements for a multi-step task, before touching code or producing output. Turns a design into bite-sized, copy-pasteable tasks with exact paths and complete code.
The English summary is being prepared. Showing the original description.
Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.
The English summary is being prepared. Showing the original description.
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
The English summary is being prepared. Showing the original description.
Game design principles. GDD structure, balancing, player psychology, progression.
The English summary is being prepared. Showing the original description.
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.
The English summary is being prepared. Showing the original description.
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
The English summary is being prepared. Showing the original description.