Token导航 LogoToken导航TokenDH.com
前端设计操作浏览器github未标认证来源可访问许可证需确认审计通过

format-design格式设计

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

259

周安装

11

GitHub Stars

37

下载量

91
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:format-design(格式设计)
来源仓库:https://github.com/simhacker/moollm
仓库路径:skills/format-design
安装命令:
npx skills add https://github.com/simhacker/moollm --skill format-design
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/simhacker/moollm --skill format-design

简介

用于辅助界面视觉规范、布局和交互体验优化。format-design 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

  • 适合整理页面结构、生成 UI 方案或检查组件层级一致性。
  • 应结合品牌指南和设计系统,避免堆砌装饰元素。
  • 涉及实际页面改动时需通过截图预览文本溢出与响应式表现。
  • 建议优先保障核心任务流程而非视觉效果完整性。

SKILL.md

Format Design

*"Smart people think of good things that are crazy enough that they just might work, and then they give them away, over and over, until they slowly take over the world."* — Anil Dash

What Is It?

Format Design is the art of creating data formats, protocols, and conventions that actually get adopted. It's not about technical superiority — it's about fit, timing, and community.

Markdown beat Textile. JSON beat XML. RSS survived. Why?


The 10 Reasons Markdown Won

From Anil Dash's "How Markdown Took Over the World" (January 2025):

1. Had a Great Brand

*"'Markdown' as a name is clever as hell. Get it — it's not markup, it's markdown."*
  • Memorable — Sticks in the mind
  • Self-explanatory — Name implies purpose
  • Clever — Rewards understanding

MOOLLM parallel: YAML Jazz, SOUL-CHAT, K-lines — memorable names that reward understanding.

2. Solved a Real Problem

*"Millions of people were encountering the idea that it was too difficult or inconvenient to write out full HTML by hand."*

Not abstract improvement. A specific, felt problem.

Test: Can you describe the pain point in one sentence? Can users?

3. Built on Existing Behaviors

*"The format is based on the ways people had been adding emphasis and formatting to their text for years or even decades."*

People already used *asterisks* for emphasis in email. Markdown just formalized it.

Principle: Don't invent new behaviors. Codify existing ones.

4. Mirrored RSS in Its Origin

*"Both were spearheaded by a smart technologist who was also more than a little stubborn."*

A champion who believed, advocated, and refined. Community built around a person.

Requirement: Someone must care deeply enough to keep pushing.

5. Community Ready to Help

*"Markdown was part of a community that could build on it right from the start."*

Prior art (Textile), beta testers (Aaron Swartz), early adopters (bloggers).

Principle: No format succeeds alone. Build with others.

6. Had the Right Flavor for Every Context

*"Various communities that were implementing Markdown could add their own 'flavors' as they needed."*

CommonMark for standardization. GitHub-Flavored for tables. Obsidian for wikilinks.

Principle: Core should be simple. Extensions should be possible.

7. Released at a Time of Behavior Change

*"You can get people to change their behaviors when they're using a new tool."*

Blogging was new in 2004. People were already learning new habits.

Timing matters: Launch during transitions (new platforms, new tools, new eras).

8. Came at the Cusp of the "Build Tool Era"

*"Markdown is a raw material that has to be transformed into HTML, it perfectly fit this new workflow."*

Build pipelines became standard. Markdown fit the compile-to-output model.

Principle: Align with emerging workflows, not legacy ones.

9. Worked with "View Source"

*"It only takes one glimpse of a source Markdown file for anyone to understand how they might make a similar file of their own."*

Inspectable. Learnable by example. No teaching required.

Test: Can someone learn your format by looking at one example?

10. Not Encumbered by IP

*"There are no legal restrictions around Markdown. Nobody's been afraid to use the format."*

No patents. No licenses. No approval needed.

Principle: Generosity enables adoption. Give it away.


The "Worse is Better" Principle

Richard Gabriel (1989):

*"Simplicity is the most important consideration in a design."*

The Two Philosophies

MIT/Stanford ("The Right Thing")New Jersey ("Worse is Better")
Correctness is paramountSimplicity is paramount
Consistency mattersInterface should be simple
Completeness required80% solution acceptable
May sacrifice simplicityMay sacrifice correctness

Why "Worse" Wins

The simpler thing:

  • Gets implemented faster
  • Gets adopted more easily
  • Gets modified more readily
  • Survives longer

Examples:

  • Markdown beat Textile (simpler, less precise)
  • JSON beat XML (simpler, less expressive)
  • JavaScript beat Java in browsers (simpler, less typed)
  • Unix beat Multics (simpler, less secure)

The Lesson

*"If you're using ALL of C++ in your projects you're 'doing it wrong.' It is not a well-designed language."* — @calmbonsai, Hacker News

Complex formats that aren't fully used are worse than simple formats fully used.


Postel's Law in Format Design

*"Be liberal in what you accept, and conservative in what you send."*

For Parsers

Accept:

  • Variant spellings
  • Missing optional fields
  • Extra whitespace
  • Unknown extensions

For Generators

Output:

  • Canonical form
  • Complete required fields
  • Minimal complexity
  • Maximum compatibility

The Superset Pattern

From HN:

*"CommonMark Markdown is a rough superset of HTML, like how YAML is a superset of JSON."*

Successful formats often nest:

  • Markdown ⊃ HTML
  • YAML ⊃ JSON
  • JSX ⊃ JavaScript

Benefit: Easy migration path from simpler format.


Case Studies

Markdown (2004) — Won

FactorScore
Brand✅ Clever name
Problem✅ HTML too verbose
Existing behavior✅ Email conventions
Champion✅ John Gruber
Community✅ Bloggers
Timing✅ Blog era
Simple✅ 10 minute learning curve
Inspectable✅ Raw = readable
Free✅ No restrictions

Textile (2003) — Lost

FactorScore
Brand❌ Obscure name
Problem✅ Same as Markdown
Existing behavior⚠️ Some
Champion⚠️ Dean Allen (less visible)
Community⚠️ Smaller
Timing✅ Same era
Simple⚠️ Slightly more complex
Inspectable✅ Yes
Free✅ Yes

XML (1998) → JSON (2002)

XMLJSON
VerbosityHighLow
TypesComplexSimple
ParsingHardEasy
LearningWeeksHours
AdoptionDeclinedDominant

Designing for MOOLLM

When creating new formats (skill cards, room files, etc.):

Checklist

  • Name — Memorable? Self-explanatory?
  • Problem — Clear, specific pain point?
  • Existing behavior — Building on something familiar?
  • Community — Who will help?
  • Simplicity — Can you remove more?
  • Inspectable — Learnable by example?
  • Free — No restrictions?

Format Smell Tests

Red Flags:

  • Requires documentation to understand examples
  • Has more than 5 required fields
  • Uses abbreviations or codes
  • Needs special tools to view
  • Includes binary components

Green Flags:

  • One example teaches the format
  • Readable without rendering
  • Extensible without breaking
  • Works with standard tools

The Community Point

From Anil:

*"The people who make the real Internet and the real innovations also don't look for ways to hurt the world around them, or the people around them."*

Formats succeed when:

  • Created to solve the creator's own problem
  • Shared freely for others' benefit
  • Refined through feedback
  • Not used to extract rent

Generosity scales. Greed doesn't.


Dovetails With


Protocol Symbol

FORMAT-DESIGN

Invoke when: Designing new formats, evaluating existing ones, choosing between options.


The Bottom Line

*"Nearly every bit of the high-tech world, from the most cutting-edge AI systems at the biggest companies, to the casual scraps of code cobbled together by college students, is annotated and described by the same, simple plain text format."*

That format wasn't designed by a committee. It was created by one person to solve their own problem, tested by a teenager, and given away for free.

Design like that.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

36.49%
按下载量换算33

Claude

26.94%
按下载量换算25

Cursor

18.1%
按下载量换算16

Gemini CLI

8.49%
按下载量换算8

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

操作浏览器

该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills