Skills
.Work. You
Rest

markdowntown-frontend

Community

Consistent frontend design and Tailwind guidance

Design & Creative#ui#linting#frontend#responsive#tailwind#ux#design-system
Authorjoelklabo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provide focused frontend UX and design system guidance to prevent inconsistent styling, improper token usage, and layout regressions across Markdowntown surfaces.

Core Features & Use Cases

  • Design system guidance: Recommend tokens for color, spacing, and typography and avoid raw hex values and neutral Tailwind palettes.
  • Surface-specific UX patterns: Advise on Workbench, Atlas, Library, Home, Detail, and Translate surfaces with CTA hierarchy and mobile considerations.
  • Guardrails & validation: Specify lint rules, responsive checks, and motion guidance to validate changes before merge.
  • Use Case: When updating a Workbench panel, follow component primitives and tokens, run the linters, and verify responsive behavior to avoid regressions.

Quick Start

Use the markdowntown-frontend skill to review a UI change, replace raw styles with tokens, run the recommended linters, and validate responsive behavior.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: markdowntown-frontend
Download link: https://github.com/joelklabo/markdowntown-cli/archive/main.zip#markdowntown-frontend

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 223,000+ vetted skills library on demand.