design-bridge
CommunityBridge design specifications into native JavaScript/TypeScript implementations.
AuthorRebelliousSmile
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the enforcement and rendering of design specifications for JavaScript/TypeScript projects, ensuring consistency and reducing manual work.
Core Features & Use Cases
- Enforce Design Specifications: Automates the enforcement of design system rules through ESLint or Biome linting rules.
- Render Design Specifications: Converts design specifications into native Vue 3 SFC or React components.
- Use Case: For a Vue project, this Skill can automatically enforce design rules and generate corresponding React components based on design specifications.
Quick Start
Use the design-bridge skill to enforce design rules for your JavaScript/TypeScript project.
Dependency Matrix
Required Modules
eslintbiomevue-eslint-parsertypescript-eslint-parserastro-eslint-parsersvelte-eslint-parser@html-eslint/parser
Components
scriptsreferences
💻 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: design-bridge Download link: https://github.com/RebelliousSmile/my-claude-marketplace/archive/main.zip#design-bridge 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 620,000+ vetted skills library on demand.