← 30の作り方
チーム運営を、もっとシンプルに

チームのタスクを、
積み木のように。

散らばったタスクを1枚のボードに積み上げるプロジェクト管理ツール。今日やることが、開いた瞬間にわかる。

TSUMIKIでできること

ボードビュー

タスクをカードで積んで、ドラッグで並べ替え。優先順位が一目でわかる。

テーブルを囲んで作業するチーム

自動リマインド

期限前日にSlackへ自動通知。抜け漏れをゼロに。

週次レポート

チームの進捗を毎週月曜、1枚にまとめて配信。

料金プラン

Free

¥0

(3人まで)

まずは小さなチームで試したい方に。

Team※人気プラン

¥980

/人・月(ボード無制限)

成長するチームにちょうどいい標準プラン。

Business

¥1,980

/人・月(SSO・監査ログ)

セキュリティ要件の高い組織向け。

今日のタスクから、積み始めよう。

14日間無料で試す
検証レシピ

How this was made

検証レシピ

このページを何で・どう作ったか。使ったスキルとWeb技術を3行で明示する。

作り方
tasteskill.devのminimalist-skillを読み込ませて「このスキルに従って作って」とだけ指示。ウォームモノクロ+退色パステルの配色規定と「document-style」の様式が自動で適用される。
使ったスキル
minimalist-skillminimalist-ui(tasteskill.dev配布)。Notion的なワークスペースUIを範に取り、罫線は1px #EAEAEA固定、影は不透明度0.05未満、グラデーション禁止という縛りを持つ。
使ったWeb技術
素のHTML/CSS+IntersectionObserver。見出しはNewsreader+Noto Serif JPのセリフ、本文はシステム系サンズ。ボードのモックはスキル規定の「macOS風ウィンドウ枠」で組んだ。

検証ノート

01

手法

Notion系ワークスペースUIを手本にした「Premium Utilitarian Minimalism」プロトコル。色・罫線・影・角丸・フォントの許容値が数値で決まっていて、書体はエディトリアルセリフ(見出し)とシステム系サンズ(本文)の対比、色はウォームモノクロ+退色パステル4色だけと決められている。指示したのはスキルの適用だけ。

02

なぜAI感が消えるのか

02-1地は#F7F6F3、カードは白、罫線は1px #EAEAEAで固定。彩度のある色はタグの退色パステルにしか使えないので、ヒーローを原色で塗る・カードをグラデーションで飾るという逃げ道が最初から存在しない。

02-2影が実質禁止(不透明度0.05未満)。AIカードの「ふわっと浮く影」が出せず、階層はすべて1pxの線と余白で作ることになる。紙の書類に近い落ち着きはこの縛りの産物になる。

02-3ソフトウェアのモックは「macOS風ウィンドウ枠に入れる」という規定があり、⌘Kのキーストロークは<kbd>タグで物理キー風に描く。CASE 27のtaste-skillはdiv製のフェイクスクショを禁止しているので、同じ配布所のスキルが真逆のルールを持っていることになる。ここがスキル比較の面白いところ。

02-4コピーの検閲。「Elevate」「Seamless」などのAI常套句と絵文字を明文で禁止し、写真も彩度を落としてウォームトーンに寄せる指定。装飾ではなく語彙のレベルでAI感を削る。

03

向いている場面

ドキュメントツール・生産性系SaaS・開発者向けプロダクトのLPやヘルプセンター。情報を静かに読ませる場面に強い。逆に、感情を動かしたい消費者ブランドやイベント告知にはおとなしすぎる。