Skip to main content
Glama
a-saeedia

creative-lemon

by a-saeedia

🍋 The Creative Lemon

An MCP server that gives AI agents eyes for creating.

The Creative Lemon packages the 2026 winning-motion, award-grade web design knowledge (Awwwards SOTD, MotionKit trends, Chrome scroll-driven animations, GSAP/Lenis practice) into ~9 deterministic tools an agent can call while building: trend reports, copy-paste motion code recipes, the permanent laws of good design, honest critique, palettes, type systems, section skeletons, reference sites to steal one lesson from, and a DESIGN.md token emitter.

No hidden state, no network calls at runtime, no API keys. Just knowledge.

Tools

Tool

What it gives an agent

lemon_trend_report

The 2026 trend map (scrollytelling, kinetic type, native scroll-driven CSS, INP-aware motion…) with do/avoid per trend

lemon_motion_recipe

15 copy-paste recipes: CSS scroll reveals/parallax/progress/marquee/svg-draw, GSAP line-mask/char/word-scrub/pinned story/horizontal/magnetic/frame-scrub, the GSAP+Lenis glue — every one with reduced-motion handling

lemon_design_principles

The permanent laws (hierarchy, type, colour, motion, performance, a11y, content, craft) + a 10-step audit plan

lemon_critique

Structured critique on the SOTD rubric (Design 40 / Usability 30 / Creativity 20 / Content 10) with red-flag scans

lemon_palette

Small, intentional, AA-checked palette token sets from a mood (editorial / tech / brutalist / luxury / playful / cyber)

lemon_type_spec

Type pairings + fluid clamp() scale per voice, plus the type laws

lemon_section_recipe

Structural DNA + HTML skeleton + the one motion moment per section (hero, work, story, process, proof, footer)

lemon_references

Awwwards/notable 2025–26 sites with the ONE stealable lesson from each, plus the SOTD rubric

lemon_design_tokens

A full machine-readable DESIGN.md (colour/radius/spacing/motion/type/layout) for a brand voice

Related MCP server: web-stylebook-mcp

Use with opencode

Add to opencode.json (or ~/.config/opencode/opencode.jsonc):

{
  "mcp": {
    "creative-lemon": {
      "type": "local",
      "command": ["node", "/absolute/path/to/creative-lemon/dist/index.js"],
      "enabled": true
    }
  }
}

Use with Claude Desktop / Claude Code

{
  "mcpServers": {
    "creative-lemon": {
      "command": "node",
      "args": ["/absolute/path/to/creative-lemon/dist/index.js"]
    }
  }
}

Point node at your Node 18+ binary. Then ask for a trend report, a pinned-story recipe, or a palette — and watch the design stop being generic.

Build & test

npm install
npm run build       # tsc → dist/
npm run smoke       # boots the server, talks raw JSON-RPC over stdio, probes all 9 tools

Design rules baked in

  • Restraint is a feature: every motion recipe ships with prefers-reduced-motion handling.

  • Performance is a design decision: animate transform/opacity only; INP < 200ms; no fake preloaders.

  • Copy is design: numbers over adjectives; delete the AI-slop words.

  • One vocabulary: same easing, same durations, same "hand" across a whole site.

Sources

MotionKit "Web Animation Trends 2026", Chrome for Developers scroll-driven animations, GSAP & Lenis docs, Awwwards SOTD judging, shadcn/Vox Verge DESIGN.md movement.

License

MIT — sour, free, share it.

Available Tools

9 tools
lemon_critiqueA

Structured critique of a design (Awwwards SOTD rubric: Design 40 / Usability 30 / Creativity 20 / Content 10) with heuristics scanning your description for red flags, plus questions to answer about the real page. Honest — flags what it cannot see.

ParametersJSON Schema
NameRequiredDescriptionDefault
designYesDescribe the design concretely: layout, type, colour, motion, sections, content. Or paste the code/markup.
intentNoWhat this site must achieve (convert, hire-me, showcase…).

TDQS

A3.8/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

There are no annotations provided, so the description must carry the burden. It says it is 'Honest' and 'flags what it cannot see,' which gives some insight into limitations, but it doesn't detail how the critique is delivered or if there are any side effects. It's a non-destructive, read-only operation implied, but this is not explicitly stated.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise and informative. It front-loads the purpose and rubric, and then mentions the heuristics and limitation in a compact way. Every sentence adds value.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The tool has a clear input schema and no output schema, but the description explains that it scans 'your description' for red flags and asks questions about the real page. It covers the main steps and limitations. The complexity is moderate, and the description is sufficient for an agent to know what input to provide.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The schema descriptions cover both parameters: 'design' and 'intent' are explained. The description adds context on how 'design' should be described (concretely: layout, type, colour, etc.), which adds value beyond the schema. But overall, the schema already covers the basics, so baseline is 3.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose: providing a structured critique of a design using a specific rubric (Awwwards SOTD). It specifies the verb 'critique' and the resource ('design'), and the rubric details distinguish it from other tools that focus on specific aspects like principles or palettes.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies it's for critiquing a design, but it doesn't explicitly say when to use this instead of other tools. However, the rubric and the mention of 'real page' suggest it's for evaluating an existing design, but no explicit exclusions or alternatives are named.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_design_principlesA

The permanent laws of good web design (hierarchy, typography, colour, motion, performance, accessibility, content, craft) plus a 10-step audit plan. Consult for any build; everything else in the Lemon is these rules applied to 2026.

ParametersJSON Schema
NameRequiredDescriptionDefault
auditNoWhen true, also return the 10-step audit plan (default true when no topic given).
topicNoOne principle id: hierarchy, typography, colour, motion, performance, accessibility, content, craft. Omit for all + audit plan.

TDQS

A3.5/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. It transparently states the content ('laws' + 'audit plan') and implies a read-only reference behavior, but it does not describe the return format, level of detail, or what 'audit plan' entails. This is adequate for a knowledge-retrieval tool, but not rich.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two tight sentences with zero filler. The first sentence front-loads the core content (principles list and audit plan), and the second supplies usage context and sibling differentiation. Every clause earns its place.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a simple 2-optional-parameter tool, the description covers the resource's scope and general use. However, with no output schema, it leaves the return structure ambiguous — what does 'return the 10-step audit plan' look like? The role among siblings is clear, but the exact deliverable is underspecified.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the baseline is 3 and the description need not compensate. The parenthetical list of principles mirrors what the schema already documents for the `topic` parameter, adding no new meaning. It does frame the values as 'permanent laws,' a slight conceptual addition, but nothing beyond schema semantics.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description names a specific resource — permanent laws of web design, listing all eight principle IDs — plus a 10-step audit plan. It distinguishes itself from siblings by stating 'everything else in the Lemon is these rules applied to 2026,' which positions it as the foundational reference tool. It lacks a strong action verb but clearly identifies what the tool provides.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

'Consult for any build' gives clear when-to-use guidance, and the final sentence implies sibling tools are more specific applications of these rules. However, no explicit alternatives are named, nor are there conditions for when to prefer a sibling like lemon_palette or lemon_type_spec over this tool. The guidance is implied rather than spelled out.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_design_tokensA

Emit a complete DESIGN.md token spec (color + radius + spacing + motion + type + layout laws) for a brand voice — the machine-readable design system format agents can apply verbatim.

ParametersJSON Schema
NameRequiredDescriptionDefault
moodYesMood driving the palette.
voiceNoBrand/voice label for the spec title (e.g. "Alchemist OS · cyber").
constraintNoConstraint passed to the palette engine.

TDQS

A3.6/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. 'Emit' implies an output-generating operation with no side effects, but the description does not explicitly state it is read-only, requires no permissions, or that it simply returns a spec. It does add value by indicating the output is a machine-readable format agents can apply, but omits details about the output structure or any potential constraints.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, well-structured sentence that front-loads the primary action ('Emit a complete DESIGN.md token spec') and then enumerates the included components. There is zero wasted wording, and the key distinction (machine-readable, verbatim applicability) is included without extra fluff.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The tool is moderately complex (emits a full spec with six categories), and the description captures the full scope. It doesn't explain how the mood or constraint parameters affect the output, but the schema descriptions already do that. With no output schema, the description provides sufficient context for an agent to understand what it will receive, though it could mention the exact output format (e.g., Markdown or JSON) for added clarity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The input schema has 100% coverage, meaning all parameters (mood, voice, constraint) already have descriptive names and comments. The description adds no additional meaning about these parameters or how they influence the generated spec. Since the schema fully documents them, a baseline score of 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description uses a specific verb ('Emit') and resource ('complete DESIGN.md token spec'), explicitly listing all component categories (color, radius, spacing, motion, type, layout laws). It clearly distinguishes from siblings by emphasizing 'complete' and 'machine-readable design system format,' making it obvious this is the comprehensive spec generator rather than a specialized tool like lemon_palette or lemon_type_spec.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus the specialized siblings (lemon_palette, lemon_type_spec, etc.). The description only explains what it does, not when an agent should prefer it over alternatives. It lacks exclusions or conditions for selecting this tool.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_motion_recipeA

Copy-paste motion code recipes for 2026 patterns: native CSS scroll-driven (reveal, parallax, progress, marquee, svg-draw), GSAP (line mask, char reveal, word scrub, pinned story, horizontal scroll, magnetic, frame-scrub) and the GSAP+Lenis integration. Includes reduced-motion handling in every recipe.

ParametersJSON Schema
NameRequiredDescriptionDefault
idNoRecipe id: css-reveal, css-scroll-progress, css-parallax, css-marquee, css-svg-draw, gsap-lenis-setup, gsap-line-mask, gsap-char-reveal, gsap-word-scrub, gsap-scramble, gsap-pinned-story, gsap-magnetic, gsap-frame-scrub, gsap-horizontal-scroll, reduced-motion-pattern. Omit to list all.
searchNoKeyword search across titles and descriptions.
categoryNoFilter by runtime: pure CSS (zero JS), GSAP, or integration code.

TDQS

A4/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description adds behavioral context beyond schema: it promotes copy-paste usability, notes reduced-motion handling in every recipe, and lists specific patterns, which aids in setting expectations. However, with no annotations provided, the description carries more responsibility, but it does not disclose missing aspects like output format limits or potential errors (e.g., invalid id behavior). It is adequate but not exceptional.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise and front-loaded with the purpose ('Copy-paste motion code recipes'), then lists specifics, and ends with the reduced-motion point. Every sentence contributes to understanding what is included, with no fluff.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The description is comprehensive for what it offers: it enumerates the exact recipes, mentions reduced-motion, and the param list is exhaustive. Given the moderate complexity (3 params, no output schema), the description covers the necessary context well. It could mention that omitting id returns a list, but the schema has that. It is near-complete.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so parameters are fully described. The description does not add much beyond the schema's parameter descriptions, but it does reinforce the search and filter capabilities implicitly. Since the schema already documents all three params, a baseline of 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states this provides copy-paste motion code recipes for specific patterns, naming the list of technologies (CSS scroll-driven, GSAP, GSAP+Lenis). It is highly specific and distinct from siblings, which focus on design principles, palettes, typography, etc. It also indicates the inclusion of reduced-motion handling, making the purpose unmistakable.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for developers needing ready-to-use motion code, but does not explicitly state when to use this tool versus alternatives like lemon_section_recipe (which might also include motion recipes) or lemon_trend_report. It does mention reduced-motion, but lacks explicit conditions or exclusions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_paletteA

Generate a small, intentional, AA-checked palette token set from a mood (editorial, tech, brutalist, luxury, playful, cyber) + optional constraint. Use before styling anything.

ParametersJSON Schema
NameRequiredDescriptionDefault
moodYesMood voice for the palette.
constraintNoReal constraint (brand colour, must ship 10 sub-brands, print uses, etc.).

TDQS

A3.9/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description is the only source of behavioral disclosure. It adds valuable traits ('small, intentional', 'AA-checked'), but doesn't mention side effects, return format, determinism, or error behavior. These gaps are typical for a generation tool but the description does not fully carry the burden.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The entire description is two short sentences, with the core action and scope in the first sentence and a crisp usage directive in the second. There's no filler or redundancy; every word contributes.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The tool is simple (2 params, 1 required enum) but has no output schema and no annotations. The description indicates it returns a 'palette token set' and is AA-checked, but doesn't specify the shape of the returned tokens or any error behavior. For a low-complexity tool this is acceptable but not fully complete.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% and both parameters already have descriptive text ('Mood voice for the palette', 'Real constraint...'). The tool description essentially restates that the palette is generated from a mood plus an optional constraint, adding little semantic value beyond the schema, so the baseline of 3 applies.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description uses a specific verb ('Generate') with a clear resource ('palette token set'), enumerates the accepted moods, and adds a distinctive trait ('AA-checked'). The focus on palette generation clearly distinguishes it from sibling tools like lemon_type_spec or lemon_motion_recipe, which address other design aspects.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

It gives explicit temporal guidance with 'Use before styling anything', which tells an agent when in the workflow to call it. It doesn't name alternative tools or state when not to use it, so it lacks explicit exclusions, but the context is clear enough for a moderate score.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_referencesA

Awwwards-awarded and notable 2025–26 sites with the ONE stealable lesson from each (Untold, Cartier WW 2025, More Nutrition canvas-scrub, Eddie, Trevor Noah, Paul Kalkbrenner, The Spark, Huy Phan, Why Zero). Taste compass, not clone list.

ParametersJSON Schema
NameRequiredDescriptionDefault
idNoReference id (untold, cartier-ww2025, more-nutrition, eddie, trevor-noah, paul-kalkbrenner, the-spark, huy-phan, why-zero). Omit for all.
rubricNoAlso return the full SOTD evaluation rubric.

TDQS

A3.5/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the burden for behavioral disclosure. It correctly implies a read-only informational retrieval and no side effects, but it does not explicitly state safety, output format, or behavior when id is omitted. It adds minimal behavioral context beyond what the resource-oriented wording already suggests.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is composed of two tightly written sentences that front-load the core content (award-winning sites and lessons) and then add a single, meaningful usage caveat. The example list is dense but purposeful, and there is no fluff or repetition of schema details.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a simple reference tool with two optional parameters, the description gives a good sense of content, but it does not describe the return shape (e.g., array of objects with site and lesson fields) or how id and rubric affect the output. Since there is no output schema, a bit more explicit return-structure context would improve completeness.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The input schema already provides 100% descriptive coverage for both id and rubric, so the baseline is 3. The description does not mention parameters at all, which is fine given high schema coverage, but it also does not reinforce or elaborate on parameter usage, so it stays at baseline.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool returns a curated set of 2025-26 award-winning sites each with one stealable lesson, and the phrase 'Taste compass, not clone list' further clarifies intent. It lacks an explicit verb like 'list' or 'get', but the resource and scope are unambiguous and distinguishable from siblings like palette or type_spec.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies the tool is used for design inspiration and taste guidance ('Taste compass'), but it does not explicitly state when to prefer this over siblings like lemon_trend_report or lemon_design_principles. No alternatives are named and no when-not conditions are provided, so usage must be inferred.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_section_recipeB

Structural DNA + HTML skeleton + the ONE motion moment for award-grade sections: hero, work, story/scrollytelling, process, proof/testimonials, footer/contact.

ParametersJSON Schema
NameRequiredDescriptionDefault
idNoSection id. Omit for all.

TDQS

B3.2/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the full burden of behavioral disclosure. It does add value by naming three output components (structural DNA, HTML skeleton, one motion moment), but 'structural DNA' and 'award-grade' are undefined jargon, and the return format, ordering, or any side effects are not addressed.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is one compact sentence and front-loads the three core components before the section list. 'Award-grade' is mild fluff and 'Structural DNA' is overly compressed, but there is no redundant prose or schema repetition.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The tool covers six section archetypes and has no output schema or annotations, so a richer description is warranted. It never explains what 'Structural DNA' contains, what the 'ONE motion moment' means, how to combine this with lemon_motion_recipe, or what the returned content looks like.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The schema already documents the single enum parameter with 100% coverage, so the baseline is 3. The description adds semantic value by mapping enum values to design intents (story/scrollytelling, proof/testimonials, footer/contact), which helps an agent choose the right section id. It does not add detail on omitting the parameter, but the schema already states that.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description names the resource ('sections') and the main output components ('Structural DNA + HTML skeleton + the ONE motion moment'), so an agent can infer what the tool produces. However, it uses no explicit verb and relies on the metaphor 'Structural DNA', which weakens precision. The section list also implicitly separates it from the sibling lemon_motion_recipe, but that differentiation is not explicit.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is given about when to use this tool versus alternatives such as lemon_motion_recipe, lemon_design_principles, or lemon_critique. The list of section types implies it is for building those sections, but it does not state a decision rule, exclusions, or complementary tools.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_trend_reportA

The 2026 web design & motion trend report (distilled from MotionKit, Chrome scroll-driven animations, GSAP/Lenis, Awwwards). Call BEFORE designing a site. Optionally filter to one trend by id.

ParametersJSON Schema
NameRequiredDescriptionDefault
trendIdNoFilter to a single trend id, e.g. scrollytelling, kinetic-type, scroll-css. Omit for the full report.

TDQS

A3.5/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full responsibility for behavioral disclosure. It implies a read-only, informational report but does not state side effects, output structure, or any constraints. The only behavioral hint is 'optionally filter by id,' which is already in the schema.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is two concise sentences with no wasted words. It front-loads the core identity and immediately gives actionable guidance, while the optional filter is stated briefly at the end.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The description covers what the tool is and when to call it, but with no output schema and no annotations it leaves the return format and content details unspecified. For a simple read-only report with one optional parameter, this is adequate but not fully complete.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% and the one parameter is already well described with examples. The description adds only 'Optionally filter to one trend by id,' which restates the schema without meaningful new semantics. Baseline 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description identifies the tool as a trend report for 2026 web design and motion, with a clear role ('Call BEFORE designing a site'). It is reasonably distinct from siblings like lemon_design_principles and lemon_motion_recipe, though it relies on the name and context rather than explicitly contrasting them.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description gives explicit timing guidance: 'Call BEFORE designing a site.' It does not mention when not to use it or point to alternatives, but the timing instruction is clear and actionable for an agent.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lemon_type_specB

A typography system for a voice (editorial, tech, brutalist, luxury, playful): family pairings, fluid clamp() scale tokens, and the type laws. The Verge-DESIGN.md-style discipline.

ParametersJSON Schema
NameRequiredDescriptionDefault
voiceNoVoice to spec. Omit for all + the fluid scale + laws.

TDQS

B3.2/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the burden of behavioral disclosure. It explains the output categories (family pairings, tokens, laws) but does not state whether the tool is read-only, what format the response takes, or any side effects. It provides moderate context about scope but not full behavioral transparency.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is two sentences with the core purpose and outputs front-loaded. The 'Verge-DESIGN.md-style discipline' reference adds stylistic flavor but does not significantly bloat it. Efficient and well-structured.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a one-parameter tool with no output schema, the description lists the contents of the response well enough to understand the tool's function. However, it leaves the exact response format unstated and relies on the schema for the omission behavior. Adequate but not complete.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The single voice parameter is fully documented in the schema: an enum of the five voices plus a description stating 'Omit for all + the fluid scale + laws.' The description repeats the enum values and adds no new meaning beyond the schema, so the baseline of 3 applies.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly identifies the tool as a typography system for a voice, listing concrete outputs: family pairings, fluid clamp() scale tokens, and type laws. It is specific enough to distinguish it from color or motion tools, though it doesn't name or differentiate against siblings like lemon_design_tokens or lemon_section_recipe.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No explicit guidance is given on when to use this tool versus alternatives. The voice parameter and the phrase 'Omit for all + the fluid scale + laws' imply usage, but there are no when-not conditions or routing to sibling tools, leaving the agent to infer the selection logic.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

  1. 9 tool updatesv1.0.0
    • First observedlemon_critique
    • First observedlemon_design_principles
    • First observedlemon_design_tokens
    • First observedlemon_motion_recipe
    • First observedlemon_palette
    • First observedlemon_references
    • First observedlemon_section_recipe
    • First observedlemon_trend_report
    • First observedlemon_type_spec

TDQS

A3.8/5.0

Scored across 9 tools

Disambiguation4/5

Each tool targets a distinct design concern: principles, critique, palette, typography, sections, references, tokens, trends, and motion. The only mild ambiguity is lemon_design_tokens versus lemon_palette/lemon_type_spec, since the tokens tool includes color and type, but their descriptions make the scope difference clear.

Naming Consistency5/5

All tools share the same lemon_ prefix and follow a consistent noun-based naming pattern (palette, type_spec, motion_recipe, design_tokens, etc.). There is no mixing of styles or unpredictable verb choices, making the set very easy to navigate.

Tool Count5/5

Nine tools is a well-scoped size for a design-focused server. Each tool covers a meaningful phase of the design workflow—research, planning, token generation, motion, section structure, and critique—without feeling padded or redundant.

Completeness5/5

The tool surface covers the full design lifecycle: foundational principles and trends, references, palette/typography/token generation, section and motion recipes, and a closing critique tool. There are no obvious dead ends or missing critical operations for the stated creative-design purpose.

Maintenance

ActivityMaintained
ResponsivenessNo issues

Related MCP Connectors

Related MCP Servers

  • F
    license
    A
    quality
    D
    maintenance
    Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.
    12
    17 npm
    3
    -
  • A
    license
    A
    quality
    B
    maintenance
    Provides deterministic, read-only design knowledge for AI coding agents to help them choose visual directions, plan UI states, and compose design tokens, all without network access.
    6
    12 npm
    4
    MIT
  • A
    license
    A
    quality
    C
    maintenance
    Enables AI-assisted motion design with a catalog of 219 production-quality GSAP components, providing page planning, mechanics suggestions, integration contracts, and component prompts without requiring any API keys.
    14
    10 npm
    -