webflow-design-skill
CommunityApply Webflow design patterns to production UI.
Design & Creative#typography#accessibility#responsive#design-system#ui-patterns#component-library#webflow
AuthorHey-Viswa
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Webflow teams often need to translate brand language and system constraints into consistent UI. This Skill streamlines the process by providing a repeatable design-system approach that preserves visual language while enabling fast handoffs to development.
Core Features & Use Cases
- Proposes layout structures, typographic scales, color and interaction states consistent with Webflow patterns.
- Guides component selection (Buttons, Cards, Navigation) based on context and user goals.
- Use Case: designing a Webflow-ready dashboard that maintains consistent styling across multiple pages without reinventing tokens.
Quick Start
Specify a Webflow-ready layout outline for a marketing page using the project’s tokens and a single-column hero.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: webflow-design-skill Download link: https://github.com/Hey-Viswa/-claude-design-system-skills/archive/main.zip#webflow-design-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.