Artifact Style Guide

Official

Standardize React artifacts for consistent branding and usability.

AuthorBainbridge-Growth
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures consistency in the style and presentation of React artifacts across the Drivepoint platform, adhering to branding guidelines and improving user experience.

Core Features & Use Cases

  • Brand Consistency: Defines visual rules for the Drivepoint brand, including logo and color usage.
  • Component Usage: Outlines guidelines for using React components in artifact development.
  • Technical Standards: Provides recommendations for data handling, typography, and number formatting.
  • Use Case: When building a new React component for a dashboard, this Skill helps ensure it aligns with the Drivepoint style guide.

Quick Start

Apply the Artifact Style Guide to your React components to maintain brand consistency and usability.

Dependency Matrix

Required Modules

None required

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: Artifact Style Guide
Download link: https://github.com/Bainbridge-Growth/drivepoint-plugins/archive/main.zip#artifact-style-guide

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.