stocktaper-design-system
OfficialBuild UIs with a minimal, monochromatic design system.
Authorlooselyorganized
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive, opinionated design system to ensure UI consistency, enforce a specific aesthetic, and streamline the development of user interfaces across Loosely Organized projects.
Core Features & Use Cases
- Monochromatic, Monospace Aesthetic: Enforces a clean, vintage research document look with IBM Plex Mono and a limited color palette.
- Dark Mode Native: Seamlessly handles dark mode via CSS variable swapping, requiring no extra effort from component authors.
- Component Library: Offers pre-built, reusable UI components (Buttons, Cards, Layouts, etc.) adhering to the design system.
- Use Case: When asked to "design a new feature card" or "update the website's color scheme," this Skill provides the foundational styles, components, and guidelines to ensure the changes integrate perfectly with the existing StockTaper design language.
Quick Start
Use the stocktaper-design-system skill to build a new card component with a dashed border and the default cream background.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 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: stocktaper-design-system Download link: https://github.com/looselyorganized/lo-plugin/archive/main.zip#stocktaper-design-system 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.