设计
UI/UX 方向、视觉设计与设计系统
design
ahmadzayan-hub
"Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads."
slides
ahmadzayan-hub
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
brand
ahmadzayan-hub
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
ascii-art
magnusthovsland
"ASCII art: pyfiglet, cowsay, boxes, image-to-ascii."
Otto Design — 3D scenes (scene3d) — in-place agent
itzikiusa
Use when creating or editing a 3D SCENE for an Otto Product story from an agent session — the Design tab's scene3d format (a scene.json file the arena's three.js viewport renders and the inspector round-trips) — or when asked for a game-level blockout, a product shot, a kiosk/booth/room layout, a 3D concept for a story. Covers the exact otto-scene3d v1 schema with a full example, blockout conventions (metres, y-up, floor at y=0), lighting recipes, naming/grouping rules, the validation limits, how GLB models are referenced (attachment_id, never a URL), and when to prefer the Blender MCP tools / the server-side Blender render+script export instead of editing the file.
ux-testing-agent
krishanraja
"Evidence-first UX diagnosis and acceptance testing for a rendered app or its repository-plus-runtime. Use when Krish asks to test, QA, audit, inspect, review, smoke-test, reproduce, accessibility-test, responsive-test, or validate a release, flow, fix, deployed app, or GitHub repository from a real user's perspective. Do not invoke for the generic instruction to rerun a failed automated test and adjacent checks after a code fix; verification-loop owns that regression closure unless UX or a rendered user flow is named. Start read-only, resolve current repository and deployment identity live, test high-value tasks and failure states, and return reproducible evidence. Do not own product strategy, visual redesign, copy voice, code implementation, deployment, security review, real payments, external sends, credentials, or production data. A repository without a matching runnable artifact supports source observations only, not a usability verdict. Last reviewed 2026-10-06."
skill-creator-cn
ephemeraldew
创建高效技能的中文指南。当用户想要创建新技能（或更新现有技能）以扩展 Claude 的能力时，应使用此技能。适用于需要专业知识、工作流程或工具集成的场景。
diagram
naterminch
Convert long, dense, or complex text into a Mermaid diagram so the idea is seen instead of read. Use when the user asks to visualize, diagram, draw, map, or "show as a diagram", or when a long explanation/process/architecture/relationship would be clearer as a picture. Renders Mermaid to SVG via pele when available.
ux-foundations
krishanraja
"Current-source lookup for generic UX, accessibility, interaction-pattern, usability-heuristic, and experiment-design fundamentals. Use when asked what WCAG or platform guidance actually requires, which heuristic applies, whether a UI rule is normative or advisory, how web/iOS/Android guidance differs, or what a sound pre-launch A/B test contract contains. Verify current primary sources, preserve units and exceptions, and label the authority of every rule. Do not use to design Krish's artifacts (krish-design), exercise a live product (ux-testing-agent), implement or deploy a fix (krish-build), certify legal compliance, or operate/analyse an experiment. Last reviewed 2026-08-05."
design-intelligence-search
krishanraja
"Delegation gate first: invoke only when the request explicitly identifies krish-design or build-apps-with-krish as the delegator and names one bounded search need for one concept arm. Never infer delegation from design vocabulary. Never use for a direct user's generic design, build, implementation, improvement, review, accessibility, or QA request; those stay with their normal owners. This subordinate read-only companion retrieves advisory candidates for product patterns, style territories, palettes, typography, landing structures, icons, charts, motion, or mobile web with pinned provenance and uncertainty. It never chooses taste, states standards, writes project files, implements code, tests a rendered UI, or mutates an external surface. Last reviewed 2026-09-12."
build-apps-with-krish
krishanraja
"Founder-in-the-loop orchestrator for taking a materially new app, product experience, or cross-surface redesign with Krish from product rules through approved rendered mocks, implementation, and evidence-backed release. Use when Krish asks to build a new app, rebuild or redesign an app, turn a product corpus into a working product, create several connected product surfaces, resume a multi-session app-delivery journey, or preserve his taste and judgment across strategy, design, code, and QA handoffs. Do not use for an isolated code fix, a single already-specified component, diagnosis-only UX audit, non-app visual artifact, or routine implementation inside a locked design system; route those directly to krish-build, krish-design, or ux-testing-agent. Load krish-principles and strategy-brief first. This skill orchestrates but never replaces krish-design, krish-build, verification-loop, ux-testing-agent, or Krish's material visual and go-live approvals. Last reviewed 2026-08-05."
baoyu-infographic
magnusthovsland
"Infographics: 21 layouts x 21 styles (信息图, 可视化)."
krish-design
krishanraja
"Ownership gate first: invoke for EVERY request to design, imitate, build, reshape, reskin, lay out, classify a routine visual repair, or visually QA anything a human will look at or touch, even when asked to skip commercial/design judgment or reopen an approved system unnecessarily. Krish's mandatory design doctrine for pages, artefacts, PDFs, decks, SVG, React UI, forms, flows, landing pages, and visual QA. Trigger on 'design', 'build a page', 'lay this out', 'make this look', 'reskin', 'UX', 'interaction', 'form', or visual 'artifact'. Covers sequencing, material approval, routine-vs-material classification, house systems, anti-defaults, visual QA, and Canva handoff. Inherits krish-principles. It does not own copy voice, build mechanics, or multi-phase app orchestration. Last reviewed 2026-09-13."
manim-video
magnusthovsland
"Manim CE animations: 3Blue1Brown math/algo videos."
Otto Product Design artifacts — in-place agent
itzikiusa
Use when generating or refining a DESIGN artifact for an Otto Product story from an agent session — the Design tab's in-place "Create with AI" / "Refine" agent — or when a swarm agent publishes a mockup with the otto-mockup helper. Covers the FILE-BACKED model with FOUR formats — HTML screen (design.html), Mermaid diagram (design.mmd), Excalidraw board (design.excalidraw) and 3D scene (scene.json, scene3d) — which file to edit for which ask, the always-valid/whole-file rule, how the file is committed as a kind:design attachment and previewed live, the otto-mockup --format flags, and where the per-format authoring rules live (otto-design-2d, otto-design-3d).
spike
magnusthovsland
"Throwaway experiments to validate an idea before build."
consumer-app-outcomes
krishanraja
Diagnose consumer-app lifecycle problems and translate them into measurable, ethical product interventions. Use for onboarding, activation, retention, monetisation, engagement, habit formation, growth and sharing, conversion, trust, experience refinement, intent shaping, or premium positioning. Do not use for visual taste, paywall or landing copy and angles, generic accessibility lookup, implementation ownership, or UX testing; route those to their named owners.
humanizer
magnusthovsland
"Humanize text: strip AI-isms and add real voice."
docs-pro
YuniorGlez
"Senior Technical Writer & Docs Architect. Expert in AI-driven documentation synchronization, style guide enforcement, and 2026 Markdown standards."
krish-voice
krishanraja
"Final-prose voice owner for material drafted, edited, reviewed, or humanised under Krish's name. Use for emails, follow-ups, pitch notes, op-eds, LinkedIn posts, newsletters, podcast or talk scripts, deck and slide copy, workshop copy, voice review, de-AI work, or a requested rewrite that must sound like Krish. Also use after domain, channel, research, or conversion owners hand off approved facts and argument for final wording. Do not lead factual research, live channel status, content or conversion angle selection, visual design, implementation, sending, scheduling, or publication. For strategy-only work with no prose draft, route to the relevant domain owner, content-corpus, and krish-content-marketer. Preserve locked meaning and evidence, protect private source material, and never treat draft approval as action authority. Last reviewed 2026-08-29 against the recorded Mindmake North Star, publication canon, and voice rules."
notion
magnusthovsland
"Notion API + ntn CLI: pages, databases, markdown, Workers."
ascii-video
magnusthovsland
"ASCII video: convert video/audio to colored ASCII MP4/GIF."
design-system-pro
YuniorGlez
Senior Design System Architect & Token Engineer for 2026. Specialized in layered design tokens, Tailwind 4 CSS-first themes, and headless UI orchestration using Radix. Expert in building multi-brand, multi-theme systems with high architectural integrity, automated documentation-as-code, and AI-driven drift detection.
Otto Design — 2D screens & boards — in-place agent
itzikiusa
Use when creating or refining a 2D DESIGN for an Otto Product story from an agent session — the Design tab's Figma/Canva-style side — an Excalidraw BOARD (design.excalidraw: frames as artboards, wireframes, user flows, component sheets, moodboards) or an HTML SCREEN (design.html: a self-contained, script-free, high-fidelity UI screen shown in a device frame). Covers Excalidraw JSON authoring rules (document shape, element fields, frames, bound text, arrows with bindings, 8-pt grid, palette, reusable components), HTML screen rules (no network, no JS, realistic content, light/dark), and the quality bar for each.