Zakaria/open-design
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

first-commit
ci / Validate workspace (push) Has been cancelled
Details
landing-page-ci / Validate landing page (push) Has been cancelled
Details
landing-page-deploy / Deploy landing page (push) Has been cancelled
Details
github-metrics / Generate repository metrics SVG (push) Has been cancelled
Details
refresh-contributors-wall / Refresh contributors wall cache bust (push) Waiting to run
Details

Browse Source
This commit is contained in:
Zakaria
2026-05-04 14:58:14 -04:00
commit a46764fb1b
1210 changed files with 233231 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/screenshots/01-entry-view.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

docs/screenshots/01-entry-view.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Entry view placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
01
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Entry view
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/01-entry-view.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
Pick skill · pick design system · write the brief.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/02-question-form.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

docs/screenshots/02-question-form.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Discovery form placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
02
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Discovery form
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/02-question-form.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
Turn-1 question form: surface · audience · tone · brand · scale.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/03-direction-picker.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

docs/screenshots/03-direction-picker.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Direction picker placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
03
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Direction picker
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/03-direction-picker.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
5 curated visual directions · deterministic palette + font stack.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/04-todo-progress.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

docs/screenshots/04-todo-progress.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Live todo progress placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
04
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Live todo progress
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/04-todo-progress.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
Streaming TodoWrite plan · in_progress → completed in real time.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/05-preview-iframe.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

docs/screenshots/05-preview-iframe.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Sandboxed preview placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
05
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Sandboxed preview
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/05-preview-iframe.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
Generated &lt;artifact&gt; rendered in an isolated srcdoc iframe.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/06-design-systems-library.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

docs/screenshots/06-design-systems-library.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="71-system library placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
06
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
71-system library
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/06-design-systems-library.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
Brand-grade DESIGN.md catalog with 4-color signatures.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/07-magazine-deck.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

docs/screenshots/07-magazine-deck.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Magazine deck placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
07
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Magazine deck
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/07-magazine-deck.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
guizang-ppt skill · horizontal pages · WebGL hero · single-file HTML.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/08-mobile-app.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

docs/screenshots/08-mobile-app.svg
+43
View File
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Mobile prototype placeholder">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FBF7EF"/>
<stop offset="100%" stop-color="#EFE7D7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#bg)"/>
<rect x="32" y="32" width="1536" height="836" rx="28" ry="28"
fill="none" stroke="#C2532D" stroke-width="3" stroke-dasharray="16 12" opacity="0.85"/>
<g transform="translate(800 390)" stroke="#1F1B16" stroke-width="6"
stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.9">
<rect x="-110" y="-72" width="220" height="144" rx="18"/>
<rect x="-36" y="-94" width="72" height="26" rx="8"/>
<circle r="42"/>
<circle r="18"/>
</g>
<text x="800" y="480" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="34" font-weight="600" letter-spacing="6" fill="#C2532D">
08
</text>
<text x="800" y="560" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="56" font-weight="700" fill="#1F1B16">
Mobile prototype
</text>
<text x="800" y="625" text-anchor="middle"
font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
font-size="26" fill="#6B6258">
docs/screenshots/08-mobile-app.svg
</text>
<text x="800" y="690" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="24" fill="#6B6258">
iPhone 15 Pro frame · multi-screen · shared /frames/ assets.
</text>
<text x="800" y="844" text-anchor="middle"
font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
font-size="20" letter-spacing="4" fill="#6B6258" opacity="0.85">
SCREENSHOT PENDING · 截图占位
</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

docs/screenshots/skills/dating-web.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

docs/screenshots/skills/digital-eguide.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

docs/screenshots/skills/email-marketing.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

docs/screenshots/skills/gamified-app.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

docs/screenshots/skills/mobile-onboarding.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

docs/screenshots/skills/motion-frames.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

docs/screenshots/skills/social-carousel.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

docs/screenshots/skills/sprite-animation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB