S4h Design logo

S4h Design

Organization
human-avatar
s4h-design

Entry point for the design thinking toolkit. Routes to the right design skill based on your situation. Use when you say 'design', 'user needs', 'what do people actually want', 'design constraints', 'prototype and iterate', 'simplify this', 'remove what's unnecessary', or want design thinking applied without knowing which specific tool fits.

Overview

Publisherhuman-avatar
Repositoryskills-for-humanity
Skill names4h-design
Stars
234
Forks
24
Bundled files
Instructions only
LicenseMIT
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • Self-contained

    Everything the model needs lives in the instructions — no extra files to sync.

  • Open source

    Published by human-avatar on GitHub. Read the source before you install it.

Installation

Install the S4h Design AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
    https://github.com/human-avatar/skills-for-humanity/tree/main/skills/s4h-design
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/human-avatar/skills-for-humanity.git /tmp/skills-for-humanity
mkdir -p .claude/skills
cp -r /tmp/skills-for-humanity/skills/s4h-design .claude/skills/s4h-design
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable S4h Design in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads S4h Design on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so S4h Design is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

Design

Applies design thinking to problems of form, function, and fit — finding what people actually need, using constraints productively, shaping through iteration, and cutting to the essential. Diagnoses what kind of design work is needed and applies the right tool.

Which tool fits

You need to...Tool
Find what people actually need, beneath what they say they wantuser-needs
Map hard limits versus soft preferences and understand the solution space they definedesign-constraints
Structure a feedback loop between making and learningiteration
Remove what's unnecessary and find the essential formsimplicity

Routing Decision

Framing check: Confirm the design situation and the core question before routing. State what you've identified — the object being designed and the problem it needs to solve — in one sentence, then use AskUserQuestion:

  • Question: "I'm reading this as: [your one-sentence framing of the design situation and the core question]. Is that right?"

  • Header: "Framing"

  • Options:

    • Yes — proceed — framing is correct
    • Adjust — one element is off; user will correct it before you continue
    • Reframe — different situation than read; incorporate the correction before proceeding
  • Don't know what the user actually needs, or the stated need feels like a proxy → user-needs

  • Have a list of constraints and need to understand what design space they leave → design-constraints

  • Have a direction but need to test and improve it through cycles → iteration

  • Something exists but feels bloated, cluttered, or over-engineered → simplicity

  • Unclear → user-needs first; most design failures begin with the wrong problem

Confirm Direction

After diagnosing which tool fits, use the AskUserQuestion tool to confirm direction. Construct the question dynamically to include your diagnosis:

  • Question: "My read: [diagnosed tool] — [one sentence on why it fits]. How would you like to proceed?"
  • Header: "Direction"
  • Options:
    • Yes, run that tool — Execute the diagnosed skill immediately using the context already provided
    • Show all options — List every skill in this category with one-line descriptions
    • Quick version — Run a lighter-weight alternative if one exists for this situation
    • Re-diagnose — Revisit the situation description for a different read

Proceed based on their selection.


User Needs

Finds what people actually need, beneath what they say they want.

People state solutions, not needs. "I want a faster horse" is a solution; the underlying need is faster travel. This skill uses jobs-to-be-done framing and latent need mapping to separate the real need from the stated want. It surfaces the functional job (what they're trying to accomplish), the emotional job (how they want to feel), and the social job (how they want to be seen). The output is a need hierarchy that design can actually solve against.

Output: Stated want versus real need, jobs-to-be-done mapping (functional/emotional/social), latent needs not yet articulated by users, and the design target stated as a need rather than a solution.


Design Constraints

Uses constraints productively — mapping hard limits and soft preferences to understand what the solution space actually is.

Constraints are not the enemy of design; they are the definition of the problem. Every design exists within a set of limits — technical, physical, economic, regulatory, temporal. This skill distinguishes hard constraints (genuinely fixed) from soft preferences (negotiable), maps how they interact, and identifies where the tightest constraints focus the design space. The tightest genuine constraint often points directly to the solution.

Output: Constraint map (hard versus soft, by domain), interactions between constraints, the solution space they collectively define, and where productive design territory lies within that space.


Iteration

Structures the feedback loop between making and learning.

Good design cannot be planned in full from the start — it is discovered through cycles of making and testing. This skill structures the iteration loop: what to prototype, at what fidelity, with what question to answer, and how to read the signal from each test. It separates convergent tests (does this work?) from divergent tests (which direction?) and defines when enough learning has accumulated to narrow. Dieter Rams' ten principles and Don Norman's design of everyday things both emerge from this disciplined cycle of making and observing.

Output: Current design hypothesis, prototype specification (fidelity, format, what to make), test design (question, method, who to test with), decision criteria for converging or pivoting, and the next cycle.


Simplicity

Finds the form that does exactly what is needed — nothing more.

Rams' principle: good design is as little design as possible. The goal is not minimalism for its own sake but fitness — the form that serves the function completely, without residue. This skill applies systematic subtraction: identifying every element, testing what job each does, and removing what isn't load-bearing. The test is not "can this be removed?" but "does removing it break the function?" Edward Tufte's data-ink ratio applies this logic to information design; the same principle applies to every designed artefact.

Output: Inventory of elements, job each element does, what can be removed without function loss, what is truly load-bearing, and the simplified form with reasoning.

Frequently asked questions

What does the S4h Design AI skill do?

Entry point for the design thinking toolkit. Routes to the right design skill based on your situation. Use when you say 'design', 'user needs', 'what do people actually want', 'design constraints', 'prototype and iterate', 'simplify this', 'remove what's unnecessary', or want design thinking applied without knowing which specific tool fits.

Why use S4h Design on TypingMind?

Because you install it once and use it with any model. S4h Design is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install S4h Design in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/human-avatar/skills-for-humanity/tree/main/skills/s4h-design. TypingMind reads its SKILL.md and installs it as a skill you can enable per chat.

Which AI models can use S4h Design?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with S4h Design?

As many as you like. As long as a model supports skills, you can use S4h Design with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the S4h Design AI skill free?

Yes. It is published on GitHub by human-avatar under the MIT license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇