lcpmarvel/feishu-whiteboard-pro
Developer toolsThis page was translated automatically. Technical details may differ from the original. View the original
A Claude Code / agent skill for building genuinely designed, editable Feishu / Lark (Feishu) whiteboards — deliberate composition, real hierarchy, a gated pipeline with pre-render fit-check and...
Overview
A Claude Code / agent designed to create a truly "designed" Feishu / Lark whiteboard—not just for good color schemes, but for composition: clear visual focus, authentic layering, and deliberate blank space. It produces a real whiteboard from Feishu documents, not a screenshot. It is built on beautiful-feishu-whiteboard (reusing and recalibrating its color scheme and SVG whiteboard media rules), filling in the missing layer of the original project: The medium itself is deliberately restricted—a single font, only native rectangles/circles/connecting lines, no gradients, filters, transparency, or animations. So here, "good-looking" refers to composition, layering, rhythm, color restraint, and blank space. This skill turns two soft steps that were originally about improvisation into **: - (scripts/fit-check.mjs) — Checks text adaptation, bleeding, dead zones, and explicit media violations before rendering, and can output JSON. Allowed transform will explicitly downgrade to render visual check, without pretending to be mechanically validated. Deterministic, no model usage. - — For important deliveries, give original requests, fact/design contracts, SVGs, renderings, inspection results, and optional Feishu real-board evidence to a new context, only returning recapture / rebuild / fix / ship to avoid author self-rationalization. Seven benchmark templates, each passed two checks (fit-check 0 error / 0 warning, design review passed) and were rendered on a real Feishu whiteboard. They covered different prototypes and color palettes—one even used **'s color scheme—but all came from the same assembly line, so the composition and color scheme were decoupled. Opening the corresponding .svg (in examples/) as the starting skeleton, the coordinates were already reviewed. Here, the color scheme is: each color scheme assigns a role (canvas, ink, accent color, panel) and includes usage instructions and dosages, so the agent knows each color**, not just which HEX it is. - CATALOG.md List anchor color schemes ranging from restrained to bold; Choose one set based on style and formality. Each set is a templates//design.md and the only source of truth—the table of contents is generated by scripts/build-catalog.mjs. - If anchors don't fit the presentation, skill will generate a set according to templates/GENERATE.md—first confirm the visual basis and usage scenario, then decide on canvas/ink/accent roles, OKLCH light, and contrast.
Overview (machine translated)
A Claude Code / agent skill designed to create truly “designed” Feishu / Lark whiteboards—more than just coloring It’s about looking good, but about composition: clear visual focal points, authentic layering, and deliberate blank space. It produces a editable real whiteboard from Feishu documents, Not just a screenshot.
It is built on beautiful-feishu-whiteboard (Using and recalibrating its color scheme and SVG whiteboard media rules) and added the missing layer from the original project: **How to preserve it Facts in content, how to structure the story, and how to use evidence to judge whether the result is good or not. **
What does it add compared to a “color palette library”?
The medium itself is deliberately restricted—a single font, only native rectangles/circles/connecting lines, with no gradients, filters, transparency, or animations. So here, “good-looking” This refers to composition, layering, rhythm, color control, and blank space. This skill turns two soft steps that were originally based on improvisation into gates:
fit-check(scripts/fit-check.mjs) — Checks text adaptation, bleeding, dead zones and explicit media violations, and can output JSON. Allowed transform will explicitly downgrade to render visual inspection, without pretending to be already there Mechanical validation. Determinism, no model consumption.- Independent Final Review — For important deliveries, the original request, fact/design contract, SVG, renderings, inspection results, and optional Feishu solid boards are included
Evidence is given to a brand-new context, only returned
recapture / rebuild / fix / ship, avoiding author self-rationalization.
Example
Seven benchmark templates, each passed two levels (fit-check 0 error / 0 warning, design review passed) and rendered on a real Feishu whiteboard. They covered different prototypes
and the color palette—one of the panels also uses live generated color schemes—but both come from the same assembly line, so the composition and color scheme are decoupled. Put the corresponding ones
.svg (in examples/) as the starting frame is opened, and the coordinates have already passed the review.
Four complex boards, four different color options:
| Radial System Diagram · Riso Brut | Comparison Matrix · Riptide Cobalt |
| Timeline · Coral | Floor Chart · On-site Generation Color Scheme |
Three basic boards, all in one color set (Riso Brut):
| System Diagram | Flow + Fork / Convergence | Lane Timing |
Color Scheme — Selected anchor points or on-site generation
Here, the color scheme is a design system, not a color chart list: each color scheme assigns a role (canvas, ink, accent color, panel) and its purpose Explain and dosage so the agent knows how to use each color, not just which HEX it is.
- **A set of carefully selected anchor points. ** `CATALOG.
This page was translated automatically. Technical details may differ from the original.
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add lcpmarvel/feishu-whiteboard-pro