Initial commit: Clean DSS implementation
Migrated from design-system-swarm with fresh git history.
Old project history preserved in /home/overbits/apps/design-system-swarm
Core components:
- MCP Server (Python FastAPI with mcp 1.23.1)
- Claude Plugin (agents, commands, skills, strategies, hooks, core)
- DSS Backend (dss-mvp1 - token translation, Figma sync)
- Admin UI (Node.js/React)
- Server (Node.js/Express)
- Storybook integration (dss-mvp1/.storybook)
Self-contained configuration:
- All paths relative or use DSS_BASE_PATH=/home/overbits/dss
- PYTHONPATH configured for dss-mvp1 and dss-claude-plugin
- .env file with all configuration
- Claude plugin uses ${CLAUDE_PLUGIN_ROOT} for portability
Migration completed: $(date)
🤖 Clean migration with full functionality preserved
This commit is contained in:
40
dss-mvp1/stories/Welcome.stories.js
Normal file
40
dss-mvp1/stories/Welcome.stories.js
Normal file
@@ -0,0 +1,40 @@
|
||||
export default {
|
||||
title: "DSS/Welcome",
|
||||
tags: ["autodocs"],
|
||||
};
|
||||
|
||||
export const GettingStarted = {
|
||||
render: () => {
|
||||
const div = document.createElement("div");
|
||||
div.innerHTML = `
|
||||
<div style="font-family: system-ui; padding: 2rem; max-width: 700px;">
|
||||
<h1 style="color: #1a1a2e; margin-bottom: 1rem;">Design System Swarm</h1>
|
||||
<p style="color: #666; font-size: 1.1rem; line-height: 1.6;">
|
||||
Welcome to DSS Storybook. This is your interactive component library.
|
||||
</p>
|
||||
|
||||
<div style="background: #f8f9fa; border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0;">
|
||||
<h2 style="color: #1a1a2e; font-size: 1.2rem; margin-bottom: 1rem;">Getting Started</h2>
|
||||
<ol style="color: #444; line-height: 2;">
|
||||
<li>Go to the <strong>Admin UI</strong> to configure your design system</li>
|
||||
<li>Import components from Figma or your component library</li>
|
||||
<li>Click <strong>"Initialize Storybook"</strong> to generate component stories</li>
|
||||
<li>Browse your components in the sidebar</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div style="background: #e8f4fd; border-left: 4px solid #0066cc; padding: 1rem; margin: 1.5rem 0;">
|
||||
<strong style="color: #0066cc;">No components loaded yet</strong>
|
||||
<p style="color: #444; margin: 0.5rem 0 0 0;">
|
||||
Initialize your design system from the Admin UI to populate this Storybook.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p style="color: #888; font-size: 0.9rem; margin-top: 2rem;">
|
||||
DSS v1.0.0 | <a href="/admin-ui/" style="color: #0066cc;">Open Admin UI</a>
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
return div;
|
||||
},
|
||||
};
|
||||
0
dss-mvp1/stories/generated/.gitkeep
Normal file
0
dss-mvp1/stories/generated/.gitkeep
Normal file
Reference in New Issue
Block a user