ui-design-setup
OfficialEnforce design system compliance.
Authortwiced-technology-gmbh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the enforcement of design system rules within a consuming application, preventing common styling and component usage errors.
Core Features & Use Cases
- Automated Linting: Integrates custom ESLint rules to catch design system violations.
- Real-time Feedback: Sets up Claude Code hooks for instant suggestions during development.
- Pre-commit Hooks: Optionally adds checks to ensure code adheres to standards before committing.
- Use Case: When onboarding a new developer to a project using
@toolr/ui-design, this skill ensures they immediately start using components and tokens correctly, preventing costly refactors later.
Quick Start
Run this skill in your application's root directory to set up design system enforcement.
Dependency Matrix
Required Modules
None requiredComponents
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: ui-design-setup Download link: https://github.com/twiced-technology-gmbh/seedr/archive/main.zip#ui-design-setup 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 223,000+ vetted skills library on demand.