marcop135

Bullframe.Css — Design skill for Claude Code

Design community

A semantic, lightweight CSS (PostCSS) framework for fast, accessible UIs.

How to install Bullframe.Css

This entry records only its repository, not the path inside it, so there is no exact command to give. Open marcop135/bullframe.css and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Bullframe.Css does

A semantic, lightweight CSS (PostCSS) framework for fast, accessible UIs. Class-based or classless, light or dark, agent-skills ready. Seven builds. Any stack.

Alternatives in Design

  • Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★
  • Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
  • 5 — Build a production-ready, responsive landing page using React, Tailwind CSS v4, and Vite 152 ★

README

![Bullframe CSS: semantic by default, any stack. The bull mascot inside nested body, main and article frames](.github/brand/readme.png#gh-light-mode-only) ![Bullframe CSS: semantic by default, any stack. The bull mascot inside nested body, main and article frames](.github/brand/readme-dark.png#gh-dark-mode-only)

Bullframe CSS

Semantic by default. Any stack.

npm version CI status MIT License


One-stylesheet CSS framework for plain HTML: no build step, no JavaScript. Typography, forms, tables, buttons, and layout out of the box.

Light or dark. Built for pages and forms: landings, docs, help centers, and marketing microsites.

[Check the docs →](https://bullframecss.marcopontili.com/)

Features

  • Plain HTML looks finished before you write a class
  • Classless when you want clean markup; classes when you need layout control
  • Light and dark out of the box, no theme script
  • One stylesheet, about 8 kB gzipped: type, forms, tables, buttons, layout
  • Restyle the whole page by changing a few colour tokens
  • Accessibility built in: clear focus, reduced motion respect, WCAG AA defaults
  • Works with any stack: drop it on a landing, docs site, or help center
  • npm or CDN; nothing to compile to use it
  • Agent skills for coding agents

Examples

Ready to copy: landings, blogs, forms, docs. Plain HTML, one