Skip to content

Releases: EdwardWason/react-design-draft

v5.3.0 - guizang methodology absorption

10 Jun 04:12

Choose a tag to compare

v5.3.0 - guizang Methodology Absorption (5 blind spots fixed)

Inspired by op7418's methodology article: "做杂志,不做网页" / "限制不是阻碍,是底线" / "Skill 是一个产品"

新增功能

  • Category Detection: Silent pre-Q1 content category identification (10 categories). Each category maps to default Mode + Palette + Key Visual Trait
  • Screenshot Styling: Device frame components (macOS/iOS/Browser), material backgrounds, mode-specific shadow & radius rules
  • Out of Scope declaration: 6 explicit boundaries — full article typesetting, video, pure image editing, fan content, hard-sell advertising, tutorials >15 cards
  • Adaptive Font Size Rules: Title length → size/weight/line-clamp mapping with React utility function getTitleStyle()
  • Design Decision "Why" Explanations: Added rationale to "The Larger, The Lighter" and "Aesthetic Guardrails"

变更

  • multi-illustration.md Step C: added Category Detection before Q1
  • image-sources.md: added Screenshot Styling section
  • react-output-spec.md: added Adaptive Font Size Rules section
  • aesthetics-guide.md: added "Why it works" / "Why restriction works" rationale blocks
  • SKILL.md: added Out of Scope section before Mode Detection

v5.2.0 - guizang-skill absorption + image sources

10 Jun 03:45

Choose a tag to compare

v5.2.0 - guizang-skill Absorption + Image Sources

Added

  • The Larger, The Lighter typography rule: Large text (56px+) uses weight 200-400, small text (10-12px) uses weight 500-650
  • Dual Style System (Editorial vs Swiss): Two complete visual stances
    • 4 Swiss Accent Palettes: IKB Blue / Lemon Yellow / Lemon Green / Safety Orange
    • Swiss Gray Scale: 5-step calibrated premium gray
    • Style Identity Test: 4-rule Swiss test + 3-rule Editorial test
  • Aesthetic Guardrails: Swiss mode limited to 4 accent palettes, Editorial mode limited to warm palettes, no cross-mode mixing
  • Visual Rhythm Planning: hero/dark/light/accent theme classes across illustrations
  • Swiss Gray Scale: Cross-accent unified premium gray system
  • Image-Text Conflict Protection: Quiet zone test, subject mapping, object-position discipline, thumbnail test
  • Image Sources: Free stock library integration - Pexels, Unsplash, Wallhaven
    • New reference file: references/image-sources.md

Changed

  • Version bumped from 5.1.0 to 5.2.0
  • SKILL.md Rules expanded from 21 to 27
  • aesthetics-guide.md: added Phase 0.5, The Larger The Lighter, Aesthetic Guardrails, Image-Text Conflict Bans
  • multi-illustration.md Step C: Q1 answers now map to Editorial/Swiss modes; added Visual Rhythm Planning

v5.1.0 - md2wechat-skill Absorption

09 Jun 11:41

Choose a tag to compare

v5.1.0 - md2wechat-skill Absorption

Added - md2wechat-skill Absorption (6 elements)

  • 4-Purpose Decision Framework: Each illustration now tagged with purpose (attention/readability/memorability/conversion), driving silent design parameter adjustments
  • 11 new illustration type templates: verdict-card, audience-fit-card, myth-fact-card, manifesto-card, bridge-card, callout-card, definition-card, cases-card, notice-card, series-card, subscribe-card
  • AI Voice Decontamination (Category 8): 10 new anti-patterns (#39-48) for detecting and removing AI-generated text patterns
  • Content Readiness Check: Pre-matching structural check in Step 1
  • 3 new Brand DNA entries: ByteDance/????, ???/sspai, ????
  • Uniqueness Constraint: Anti-pattern for type overuse + per-type max count table

Changed

  • Version bumped from 5.0.0 to 5.1.0
  • SKILL.md Step 1: added Content Readiness Check
  • density-standards.md: expanded from 38 to 48 anti-pattern rules
  • content-layout-mapping.md: Brand DNA Registry expanded from 10 to 13 brands
  • multi-illustration.md: Step A table expanded from 10 to 20 extract types

v4.2.0 - Refined Multi-Illustration Templates

09 Jun 03:45

Choose a tag to compare

v4.2.0

Added

  • 3 knowledge card sub-types: rule-card, checklist-card, cheatsheet-card
  • 3 logic visualization sub-types: logic-chain, process-pipeline, version-timeline
  • Cover/back-cover density gate exemption (≥6/15 vs ≥9/15)

Changed

  • Logic visualization now distinguishes causal chains vs pipelines vs timelines
  • Knowledge cards now have 4 sub-types with selection guide

v4.1.0 - Multi-Illustration Mode

09 Jun 03:15

Choose a tag to compare

v4.1.0

Added

  • Multi-Illustration Mode: one article → multiple illustrations
  • 5 new templates: cover, back-cover, quote-card, section-divider, logic-chain
  • 3-dimension 15-point density gate per illustration (≥9/15)
  • Two mandatory confirmation points: content plan + style plan
  • WeChat public account size specs
  • Content drives quantity, not templates

Changed

  • SKILL.md restructured with Mode Detection
  • Rules expanded to 15 (added #14 content-driven quantity, #15 per-illustration density gate)

v4.0.0 - Chart System + Brand Profile + Kami Tokens

09 Jun 02:00

Choose a tag to compare

v4.0.0

Added

  • Chart system: 14 chart types with auto-selection decision tree
  • Brand Profile system: 4-layer brand configuration
  • Kami Full Token System: 20+ CSS variables
  • Extended Anti-Patterns: 7 categories, 38 rules
  • Writing quality gate: assertion-evidence, Impact formula
  • Document type presets: 9 Kami-inspired templates
  • Multi-language font stacks: Japanese + Korean
  • Slide scaling formula
  • Step 0: Brand Profile in execution flow

Changed

  • Version 3.0.0 → 4.0.0
  • Execution flow: 4 steps → 5 steps
  • Rules: 10 → 13

v3.0.0 - React Design Draft Generator

08 Jun 15:47

Choose a tag to compare

v3.0.0

Added

  • Three-dimension combination system: Layout × Style × Palette (5,086 combinations)
  • 25 layout patterns
  • 23 visual styles
  • 12 color palettes
  • 7 font presets with local-first CJK strategy
  • 29 quick presets with keyword triggers
  • 5-dimension density scoring (25-point scale)
  • Kami Ten Invariants
  • Pre-generation consultation + Post-generation edit guide
  • React 4-piece output specification