Design
UI/UX direction, visual design, and design systems
slides
by ahmadzayan-hub
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
brand
by 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
by magnusthovsland
"ASCII art: pyfiglet, cowsay, boxes, image-to-ascii."
Otto Design — 3D scenes (scene3d) — in-place agent
by 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
by 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
by ephemeraldew
创建高效技能的中文指南。当用户想要创建新技能（或更新现有技能）以扩展 Claude 的能力时，应使用此技能。适用于需要专业知识、工作流程或工具集成的场景。
diagram
by 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
by 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
by 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
by 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
by magnusthovsland
"Infographics: 21 layouts x 21 styles (信息图, 可视化)."
krish-design
by 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
by magnusthovsland
"Manim CE animations: 3Blue1Brown math/algo videos."
Otto Product Design artifacts — in-place agent
by 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
by magnusthovsland
"Throwaway experiments to validate an idea before build."
consumer-app-outcomes
by 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
by magnusthovsland
"Humanize text: strip AI-isms and add real voice."
docs-pro
by YuniorGlez
"Senior Technical Writer & Docs Architect. Expert in AI-driven documentation synchronization, style guide enforcement, and 2026 Markdown standards."
krish-voice
by 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
by magnusthovsland
"Notion API + ntn CLI: pages, databases, markdown, Workers."
ascii-video
by magnusthovsland
"ASCII video: convert video/audio to colored ASCII MP4/GIF."
design-system-pro
by 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
by 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.
frontend-design-pro
by claudekit
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.