@webspire/mcp 0.12.0 → 0.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -3
- package/css/webspire-components.css +55 -0
- package/data/registry.json +12210 -719
- package/dist/registration.js +283 -3
- package/dist/search.d.ts +26 -0
- package/dist/search.js +217 -4
- package/dist/search.test.d.ts +1 -0
- package/dist/search.test.js +351 -0
- package/dist/types.d.ts +68 -0
- package/package.json +11 -8
package/README.md
CHANGED
|
@@ -75,13 +75,13 @@ MCP server for [Webspire](https://webspire.de) — AI-native discovery of CSS sn
|
|
|
75
75
|
|
|
76
76
|
## Content
|
|
77
77
|
|
|
78
|
-
### CSS Snippets (
|
|
78
|
+
### CSS Snippets (148)
|
|
79
79
|
|
|
80
80
|
Effects that Tailwind v4 can't do natively across 12 categories: glass, animations, easing, scroll, decorative, interactions, text, lighting, depth, masks, surfaces, atmosphere.
|
|
81
81
|
|
|
82
|
-
### UI Patterns (
|
|
82
|
+
### UI Patterns (628+)
|
|
83
83
|
|
|
84
|
-
Page sections and content elements across
|
|
84
|
+
Page sections and content elements across 186 families — hero, navbar, pricing, features, dashboard, e-commerce, AI, developer tools, enterprise SaaS, and more. All using `--ws-*` component tokens.
|
|
85
85
|
|
|
86
86
|
### Canvas Effects (3)
|
|
87
87
|
|
|
@@ -95,6 +95,10 @@ Complete standalone pages: SaaS, agency, portfolio, shop, company — with Tailw
|
|
|
95
95
|
|
|
96
96
|
Framework-agnostic animation patterns using GSAP and Motion One. Self-contained HTML files with live scroll demos. Families: reveal, scroll, transition, micro, layout.
|
|
97
97
|
|
|
98
|
+
### Guides (20)
|
|
99
|
+
|
|
100
|
+
Design system knowledge: semantic composition, token architecture, AI prompting, and pattern usage guides.
|
|
101
|
+
|
|
98
102
|
### Font Recommendations (25 fonts, 15 pairings)
|
|
99
103
|
|
|
100
104
|
Semantic font stack recommendations based on domain (legal, saas, agency...) and tone (serious, modern, friendly...). All fonts available as npm packages via @fontsource.
|
|
@@ -21,6 +21,18 @@
|
|
|
21
21
|
--ws-hero-action-bg-hover: var(--ws-color-primary-hover);
|
|
22
22
|
--ws-hero-action-text: var(--ws-color-primary-text);
|
|
23
23
|
--ws-hero-border: var(--ws-color-border);
|
|
24
|
+
/* Hero product-preview extras */
|
|
25
|
+
--ws-hero-accent: var(--ws-color-primary);
|
|
26
|
+
--ws-hero-badge-bg: var(--ws-color-surface-alt);
|
|
27
|
+
--ws-hero-badge-border: var(--ws-color-border);
|
|
28
|
+
--ws-hero-badge-text: var(--ws-color-text-soft);
|
|
29
|
+
--ws-hero-cta-bg: var(--ws-color-primary);
|
|
30
|
+
--ws-hero-cta-text: var(--ws-color-primary-text);
|
|
31
|
+
--ws-hero-cta-secondary-bg: var(--ws-color-surface-alt);
|
|
32
|
+
--ws-hero-cta-secondary-border: var(--ws-color-border);
|
|
33
|
+
--ws-hero-preview-bg: var(--ws-color-surface-alt);
|
|
34
|
+
--ws-hero-preview-chrome: var(--ws-color-surface-muted);
|
|
35
|
+
--ws-hero-preview-border: var(--ws-color-border);
|
|
24
36
|
}
|
|
25
37
|
|
|
26
38
|
.ws-navbar {
|
|
@@ -693,6 +705,18 @@
|
|
|
693
705
|
--ws-changelog-code-bg: var(--ws-color-surface-muted);
|
|
694
706
|
}
|
|
695
707
|
|
|
708
|
+
.ws-integrations {
|
|
709
|
+
--ws-integrations-bg: var(--ws-color-surface);
|
|
710
|
+
--ws-integrations-text: var(--ws-color-text);
|
|
711
|
+
--ws-integrations-text-soft: var(--ws-color-text-soft);
|
|
712
|
+
--ws-integrations-text-muted: var(--ws-color-text-muted);
|
|
713
|
+
--ws-integrations-border: var(--ws-color-border);
|
|
714
|
+
--ws-integrations-card-bg: var(--ws-color-surface-alt);
|
|
715
|
+
--ws-integrations-icon-bg: var(--ws-color-surface);
|
|
716
|
+
--ws-integrations-icon-color: var(--ws-color-text-soft);
|
|
717
|
+
--ws-integrations-accent: var(--ws-color-primary);
|
|
718
|
+
}
|
|
719
|
+
|
|
696
720
|
.ws-mega-menu {
|
|
697
721
|
--ws-mega-menu-bg: var(--ws-color-surface);
|
|
698
722
|
--ws-mega-menu-text: var(--ws-color-text);
|
|
@@ -798,3 +822,34 @@
|
|
|
798
822
|
--ws-insights-grid-sidebar-icon-bg: var(--ws-color-primary-soft);
|
|
799
823
|
--ws-insights-grid-sidebar-icon-color: var(--ws-color-primary);
|
|
800
824
|
}
|
|
825
|
+
|
|
826
|
+
.ws-theme-section {
|
|
827
|
+
--ws-theme-section-bg: var(--ws-color-surface);
|
|
828
|
+
--ws-theme-section-text: var(--ws-color-text);
|
|
829
|
+
--ws-theme-section-text-soft: var(--ws-color-text-soft);
|
|
830
|
+
--ws-theme-section-nav-height: 3.5rem;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
.ws-services {
|
|
834
|
+
--ws-services-bg: var(--ws-color-surface);
|
|
835
|
+
--ws-services-text: var(--ws-color-text);
|
|
836
|
+
--ws-services-text-soft: var(--ws-color-text-soft);
|
|
837
|
+
--ws-services-text-muted: var(--ws-color-text-muted);
|
|
838
|
+
--ws-services-pill-bg: var(--ws-color-surface-alt);
|
|
839
|
+
--ws-services-pill-bg-hover: var(--ws-color-border);
|
|
840
|
+
--ws-services-pill-border: var(--ws-color-border);
|
|
841
|
+
--ws-services-pill-border-hover: var(--ws-color-text-muted);
|
|
842
|
+
--ws-services-pill-text: var(--ws-color-text-soft);
|
|
843
|
+
--ws-services-divider: var(--ws-color-border);
|
|
844
|
+
--ws-services-link: var(--ws-color-text-muted);
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.ws-portfolio {
|
|
848
|
+
--ws-portfolio-bg: var(--ws-color-surface);
|
|
849
|
+
--ws-portfolio-text: var(--ws-color-text);
|
|
850
|
+
--ws-portfolio-text-soft: var(--ws-color-text-soft);
|
|
851
|
+
--ws-portfolio-text-muted: var(--ws-color-text-muted);
|
|
852
|
+
--ws-portfolio-border: var(--ws-color-border);
|
|
853
|
+
--ws-portfolio-link: var(--ws-color-primary);
|
|
854
|
+
--ws-portfolio-accent: var(--ws-color-primary);
|
|
855
|
+
}
|