Ban Pattern

by tsubotax

Ban Pattern is an Automation skill for Claude Code, published by tsubotax in melta-ui.

196 stars21 forkson tsubotax/melta-uiAdded 2026/09/05Repository updated 2026/09/05

View source on GitHub Download repo ZIP

ai-readyclaude-codecursordesign-systemjapanesetailwindcssui-components

Install in seconds

Install Ban Pattern

Copy Ban Pattern into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/tsubotax/melta-ui/tree/main/skills/ban-pattern ~/.claude/skills/ban-pattern

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/tsubotax/melta-ui.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/ban-pattern/SKILL.md in tsubotax/melta-ui
Installs to: ~/.claude/skills/ban-pattern
Collection: One of 2 skills cataloged from this repository
Category: Automation — 1956 skills

What Ban Pattern does

Ban Pattern registers AI-generated-looking UI patterns as prohibited design-system rules. Use it when a user points out generic, cookie-cutter UI and wants it blocked or replaced with a DS-approved alternative.

Ban Pattern is cataloged under Automation on DirSkills. Ban Pattern comes from a repository tagged ai-ready, claude-code, cursor, design-system and japanese.

Documentation

README

Excerpt

AI生成UIに頻出する「それっぽい」装飾パターンを特定し、DS全体の禁止ルールとして登録する。

手順

Step 1: パターンを特定する

ユーザーの説明（テキスト or スクリーンショット）から、禁止対象のパターンを特定する。

以下を明確にする:

何が問題か: どの視覚要素がAI生成っぽいのか
該当する Tailwind クラス / CSS: 具体的な実装パターン（例: border-l-4, bg-gradient-to-r）
代替パターン: DS準拠の代わりの実装

不明点があれば AskUserQuestion で確認する。推測で進めない。

Step 2: 既存ルールと重複がないか確認する

以下を読み込む:

design/contracts/rules.json の rules[]（SSOT。機械可読版。同じ pattern / 趣旨のルールが無いか）
foundations/prohibited.md の「AI生成パターンの排除」セクション（人間向けミラー）

既に同じ or 類似のルールが存在する場合は、ユーザーに報告して既存ルールの更新で対応するか確認する。

Step 3: 禁止ルールを登録する

SSOT は design/contracts/rules.json。CI / MCP check_rule / PostToolUse hook はすべて rules.json を参照する。ここに機械可読ルールを足して初めて「ban → 即 enforcement」が成立する。 prohibited.md は人間向けの解説ミラーであり、enforcement の実体ではない。順序厳守:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Ban Pattern

What else does tsubotax publish alongside Ban Pattern?
Ban Pattern is one of 2 skills that DirSkills catalogs from tsubotax/melta-ui, the repository it ships in. Its siblings there include Design Review. Each one is a separate skill with its own page in this directory, installs the same way Ban Pattern does, and is maintained by tsubotax in that same repository. The rest of the collection is listed on the tsubotax/melta-ui page.
How does Ban Pattern compare to other Automation skills?
Ban Pattern ranks #1794 by stars among the 1956 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Ban Pattern against them. Open each page to compare what they document and how they install.