harness-design-web
OfficialToken-bound web components from design to UI.
Software Engineering#design-system#design-tokens#web-components#framework-detection#css-strategy#token-bound
AuthorIntense-Visions
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill translates design tokens and design intent into token-bound web components, ensuring consistent UI while eliminating hard-coded values.
Core Features & Use Cases
- Scaffold token-bound web components from design-system tokens for React, Vue, and Svelte projects
- Detect framework and CSS strategy automatically to generate framework-consistent code
- Enforce design constraints and anti-patterns from DESIGN.md during generation
Quick Start
Run this skill against your project to scaffold token-bound web components from your design tokens.
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: harness-design-web Download link: https://github.com/Intense-Visions/harness-engineering/archive/main.zip#harness-design-web 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.