Back to skills
SkillHub ClubDesign ProductDesignerFrontendData / AI

design-mastery

This skill provides a context-aware design system for AI agents. It maps business types to specific design profiles, includes an anti-AI detection checklist to avoid generic outputs, and enforces consistent design tokens. It's triggered during UI creation tasks to ensure professional, non-AI-looking interfaces.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
75
Hot score
93
Updated
March 20, 2026
Overall rating
A8.3
Composite score
7.1
Best-practice grade
C62.8

Install command

npx @skill-hub/cli install wasintoh-toh-framework-design-mastery
design-systemui-generationbusiness-contextanti-ai-patternsdesign-tokens

Repository

wasintoh/toh-framework

Skill path: src/skills/design-mastery

This skill provides a context-aware design system for AI agents. It maps business types to specific design profiles, includes an anti-AI detection checklist to avoid generic outputs, and enforces consistent design tokens. It's triggered during UI creation tasks to ensure professional, non-AI-looking interfaces.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Designer, Frontend, Data / AI.

Target audience: Design teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: wasintoh.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install design-mastery into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/wasintoh/toh-framework before adding design-mastery to shared team environments
  • Use design-mastery for design workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

design-mastery | SkillHub