humane-agentic-design

In the author's own words, from each skill's SKILL.md.

• before-after

  Generate emotional Before/After transformation grids for products, lectures, and offers. Chainable from humane:jtbd output. Uses empathy mapping, first-person voice, somatic markers, and valence scoring to produce grids ready for landing pages, slides, and messaging. This skill should be used when the user wants to articulate the transformation their product/service creates, build a before/after…

  humane/skills/before-after/SKILL.md on GitHub (opens in a new tab)

• brand-illustrate

  Turn design tokens into a coherent, on-brand illustration set through a short step-by-step questionnaire, then generate with whichever image backend is installed (gpt-image-2 / nano-banana). Assembles the prompt scaffold from the token palette + brand block, merges layout-rules de-slop negatives, requests platform preset sizes, saves a reusable recipe, and hands the batch to review. Use when a pr…

  humane/skills/brand-illustrate/SKILL.md on GitHub (opens in a new tab)

• brandkit

  This skill should be used when EXPLORING a brand identity that does not exist yet. Generates premium brand-guidelines boards for competing directions, and hands the WINNING direction off into the design-tokens brand block (confirm-then-write). Upstream of tokens; for producing assets under an EXISTING token contract use brand-illustrate instead. Carries reference direction for minimalist, cinemat…

  humane/skills/brandkit/SKILL.md on GitHub (opens in a new tab)

• design-frameworks

  Fit an already-decided interface to an existing design system or UI toolchain through a capability-probed preset, using the system's own CLI, registry, MCP server, manifests, tokens, and checks instead of inventing parallel conventions. Use after the product job, evidence, concept, and prototype are settled enough to implement, or when bringing an existing build back into framework compliance. No…

  humane/skills/design-frameworks/SKILL.md on GitHub (opens in a new tab)

• design-tokens

  Sets up, validates, resolves, and exports design tokens per the DTCG (Design Tokens Community Group) Format Module 2025.10 standard, and owns all colour contrast measurement and remediation — every text/background pair on both APCA Lc and the WCAG ratio via `tokens contrast`, with a fix that moves OKLCH lightness only. Use when the user wants to define a design token set globally or per project,…

  humane/skills/design-tokens/SKILL.md on GitHub (opens in a new tab)

• jtbd

  Terminal-first JTBD engine for founders and product people. Interview fast, kill jargon, capture real switching forces (Push/Pull/Habit/Anxiety), score opportunities, and export structured artifacts (JSON + one-pager + messaging angles + GTM brief). Use when the user says "help me figure out what to build", "analyze these customer reviews", "what are people actually hiring this for", "I need mess…

  humane/skills/jtbd/SKILL.md on GitHub (opens in a new tab)

• layout-rules

  A battle-tested avoid-list of 39 structural and interaction defect classes for tool/dashboard UIs (structure, footers/metrics, tables, color/contrast, URL state, JS traps, accessibility/touch, i18n/theming, de-slop), distilled from a real build/audit cycle. Use when designing, building, or reviewing any layout, dashboard, data-dense tool UI, viewer, or admin interface. Triggers on "design a layou…

  humane/skills/layout-rules/SKILL.md on GitHub (opens in a new tab)

• narrative-scrollytelling

  Turn an ordered sequence of ideas into a readable scroll-based story with canonical document order, deliberate step or progress transitions, native scrolling, and static, reduced-motion, keyboard, touch, and no-JavaScript fallbacks. Use when a method, argument, timeline, process, or visual explanation should unfold as the reader scrolls rather than behave like a slide deck. Triggers on scrollytel…

  humane/skills/narrative-scrollytelling/SKILL.md on GitHub (opens in a new tab)

• nielsen-heuristics

  Run a formal heuristic evaluation of a design artifact against Jakob Nielsen's 10 usability heuristics, producing an evidence-backed, severity-scored report with honesty guards. Accepts a screenshot, live URL, codebase/HTML, interface description, or JTBD/spec doc, and adapts its rigor to what is actually observable. Renders as markdown or a Tufte-style HTML report, and can export findings as Lin…

  humane/skills/nielsen-heuristics/SKILL.md on GitHub (opens in a new tab)

• persona-review

  Review a document from multiple stakeholder perspectives (personas), collect structured feedback, and optionally update the document. Use when a document should be stress-tested from different viewpoints before sharing — e.g., "review this PRD from an engineer's perspective", "what would a skeptical investor say about this pitch?" Triggers on persona review, review from a stakeholder perspective,…

  humane/skills/persona-review/SKILL.md on GitHub (opens in a new tab)

• prototype

  Make an idea lookable and clickable at the cheapest fidelity that answers its one open question — an ASCII sketch, an SVG click-dummy with hotspots linking screens, or a self-contained HTML file. Use when the user wants to see or try an idea before committing to structure, tokens, or copy. Triggers on prototype, wireframe, mockup, click-dummy, sketch the screens, "what would this look like", "moc…

  humane/skills/prototype/SKILL.md on GitHub (opens in a new tab)

• respondent-panel

  Run a panel of independent synthetic respondents against copy, a slogan, brand values, a landing page, or any user-facing text — each in an isolated context, each a different specific person — then read the panel for convergence and divergence. Use when the user asks "how does this land", "what would people think of this", "test this tagline", "get reactions to this copy", "run a panel", or wants…

  humane/skills/respondent-panel/SKILL.md on GitHub (opens in a new tab)

• review

  User-invoked review that coordinates the humane review skills — layout-rules, ux-writing, typography, nielsen-heuristics, walkthrough, design-tokens contrast — into one prioritized verdict, and marks the domains it cannot cover instead of improvising them. Supports quick and full modes. Identifies the artifact first and runs a reduced document pipeline for a README, PRD, or docs page rather than…

  humane/skills/review/SKILL.md on GitHub (opens in a new tab)

• semantic-micro-interactions

  Define bounded interface feedback from a real state transition, including accessible visual motion, reduced-motion and input-equivalent behavior, and an optional semantic sound hook without owning audio playback. Use when a control, gesture, validation, progress state, or completion needs meaningful feedback rather than decorative animation. Triggers on micro-interaction, interaction motion, butt…

  humane/skills/semantic-micro-interactions/SKILL.md on GitHub (opens in a new tab)

• setup

  Get humane working on this machine — check what the cycle needs, configure the corpus root, token base, image backend, task-export target, language and browser tool, and install the companions and generators that are missing. Diagnoses read-only first, then installs only what the user confirms. Use on a fresh machine, when a skill complains something is missing, or to see how humane is currently…

  humane/skills/setup/SKILL.md on GitHub (opens in a new tab)

• sound-effects

  Generate a small, coherent sound palette for interface moments through interchangeable provider adapters, beginning with ElevenLabs Sound Effects, then hand it to a walkthrough to check that the cues clarify rather than distract. Use when a product needs interaction sounds, feedback cues, micro-sound design, or a retro-futuristic audio layer. Triggers on sound effects, UI sounds, interaction audi…

  humane/skills/sound-effects/SKILL.md on GitHub (opens in a new tab)

• type-specimen

  Build a browsable type specimen that sets candidate typefaces in the product's own words, so a font is chosen against real copy rather than "Hamburgefonstiv". Loads families from Google Fonts, shows a weight ladder, prose, a data table, list rows, small caps, glyph coverage and variable axes per family, measures WCAG and APCA for the chosen background/text pair, and lets any specimen text be edit…

  humane/skills/type-specimen/SKILL.md on GitHub (opens in a new tab)

• typography

  Review or mechanically format English and Russian text for microtypography, protected word pairs, punctuation and symbol artifacts, and spelling while keeping editorial choices separate from safe corrections. Use when polishing prose or UI copy after the wording is settled, or when an agent-generated draft contains suspicious dashes, symbols, spacing, or Markdown residue. Triggers on typography,…

  humane/skills/typography/SKILL.md on GitHub (opens in a new tab)

• using-humane

  Route a design task to the right humane skill, and after any humane skill finishes, name the next one from the declared handoff graph instead of guessing. Reads the `handoffs:` / `accepts:` / `orchestrates:` keys in each skill's frontmatter, so the route is data, not recollection. Use at the start of design work when it is not obvious which skill owns the task, and at the end of any humane skill…

  humane/skills/using-humane/SKILL.md on GitHub (opens in a new tab)

• ux-writing

  Write and review the words inside a product — button labels, error messages, empty states, confirmations, settings labels, placeholders, notifications — and the documentation prose around it, including READMEs, docs pages and release notes. Grounds the wording in the JTBD corpus (the anxiety force tells you what a confirmation must defuse) and hands the result to respondent-panel to find out whet…

  humane/skills/ux-writing/SKILL.md on GitHub (opens in a new tab)

• walkthrough

  Task-based evaluation of a real interface — take one job from the JTBD corpus, attempt it step by step as the person who has it, and record where the attempt breaks. Answers "can someone actually complete this?", which inspection and reaction methods do not. Runs a cognitive walkthrough (four questions per step) against a live URL, a prototype, screenshots, or the code, and reports task success a…

  humane/skills/walkthrough/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries. 270k stars · 1 skill
• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 97.3k stars · 13 skills
• archifyby tt-a1i Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more. 84.1k stars · 2 skills
• khazix-skillsby KKKKhazix 数字生命卡兹克开源的 AI Skills 合集 | Agent Skills: leader（帮你定义目标）, neat-freak 洁癖, hv-analysis, khazix-writer & more — Claude Code, Codex & 40+ agents 21.4k stars · 6 skills
• Kamiby tw93 👩 🚒 Good content deserves good paper. Layout rules and templates that let AI agents export PDF, PNG and editable PowerPoint. 12k stars · 1 skill
• gentle-aiby Gentleman-Programming Gentle-AI configures the AI coding agents you already use: Claude Code, Cursor, OpenCode, Codex, Pi, and more. Choose persistent memory, Or… 7.8k stars · 20 skills