Star200+

Roast My Design System

Tinjau · 66
Diindeks komunitas

v3.11.0 · Try it: npx roast-my-design-system · Roasts your design system with real data: a health score, the receipts, the first fixes ranked by payoff, and with --rules the agent rules file that stops the mess coming back. Benchmarked against 30 public repos and 10 reputable systems. Also a Claude Code + Codex skill.

Verified installs0
Star10
Versi1.0.0
Kualitas68/100 · Menjanjikan
Kepercayaan66/100 · Hanya sandbox
Audit80/100 · Perlu ditinjau

Profil aset

Desain dan produksi kreatif

Design assets, images, video, audio, multimodal media, presentation, and creative production skills.

Lihat kategori

Skenario

Desain dan kreatif

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Kecocokan Agent

Claude Code + OpenAI Agents + Cursor

Cocok untuk Codex, Claude Code, Cursor, CLI, atau Agent khusus.

Pasang

Siap

npx skills add pencilrebel/roast-my-design-system

Pemeliharaan

Terkini

10 hari sejak push

Risiko

Perlu ditinjau

Permission surface may require sandboxing

Kualitas GitHub

10

68/100 Kualitas · 74/100 Kepercayaan

Tag cakupan

DesainDesain dan kreatifDesain dan kreatifdesign-systemclaude-code

Catatan ulasan

Permission surface may require sandboxing · Low GitHub adoption signal

Kartu adopsi Agent

Kepercayaan, audit, dan kesiapan pemasangan dalam sekali lihat

Skor ini menggabungkan metadata repositori publik, sinyal ulasan OpenAgentSkill, kebaruan pemeliharaan, dan kesiapan pemasangan. Ini adalah sinyal shortlist, bukan pengganti peninjauan manusia.

Kualitas

Menjanjikan
68

Useful candidate, but compare it with alternatives before adopting.

Kepercayaan

Hanya sandbox
66

Kandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.

Audit

Perlu ditinjau
80

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Trust Score OpenAgentSkill v5

Tinjauan manusia sebelum pemasangan

Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLI

Star

10 star GitHub

Aktivitas repositori

10 star dan 0 fork

Pemeliharaan

10 hari sejak push

Lisensi

MIT

Pasang

npx skills add pencilrebel/roast-my-design-system

Keamanan pemasangan

Jalur pemasangan paket atau runtime standar

Cakupan izin

secrets or environment access, filesystem or document access

Hasil Agent

Belum ada data hasil Agent

Dokumentasi

Konteks README/SKILL.md kuat

Ringkasan risiko

Tinjau sebelum produksi

  • Low GitHub adoption signal
  • Quality score needs review
  • Permission surface needs review: secrets or environment access, filesystem or document access
  • GitHub adoption: 10 GitHub stars

Kesiapan pemasangan

Jalur pemasangan tersedia

  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Lisensi dinyatakan
  • Belum ada bukti hasil Agent-Proven

Metadata yang dapat dibaca Agent

Data keputusan yang dapat dibaca mesin untuk skill ini.

Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.

Buka JSON

Tugas yang sesuai

  • alur kerja Desain dan kreatif
  • Tim Claude Code
  • builders willing to evaluate younger projects
  • Inspect visual requirements

Agent yang sesuai

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Keputusan pemasangan

Perintah
npx skills add pencilrebel/roast-my-design-system
Kebijakan
Tinjau
Tinjauan manusia
Ya

Kepercayaan dan risiko

Kepercayaan
66/100
Audit
80/100
Tingkat risiko
Perlu ditinjau

Lingkar hasil

Endpoint
/api/agent/outcome
ID event
resolve
Hasil
5

Perintah pemasangan

npx skills add pencilrebel/roast-my-design-system
Audit publikLaporan evaluasiAPI ResolveSerah-terima pemasangan

Jangan gunakan ketika

  • Tim yang membutuhkan SLA dengan dukungan vendor
  • production agents without a repository review
  • Low GitHub adoption signal
  • No OpenAgentSkill engagement data yet
  • Petunjuk izin berisiko tinggi: Secrets or environment access

Skill alternatif

Frontend Design

171.1K Star

npx skills add anthropics/skills --skill frontend-design

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.4K Star

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternatif

Canvas Design

171.1K Star

npx skills add anthropics/skills --skill canvas-design

Skill alternatif

Anthropic Brand Guidelines

171.1K Star

npx skills add anthropics/skills --skill brand-guidelines

Keamanan Agent v2

52/100 · Hindari pemasangan otomatis

EksperimentalTinjau

Sparse or mixed signals. Useful for discovery, but not for autonomous installation.

Test manually in an isolated workspace and compare against safer alternatives.

Selesaikan via API

Sedang

Akses jaringan

Skill kemungkinan mengambil halaman jarak jauh, API, repositori, atau layanan eksternal.

Sedang

Akses sistem file

Skill dapat membaca atau menulis file proyek, dokumen, artefak yang dihasilkan, atau status workspace lokal.

Tinggi

Secrets or environment access

Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.

  • Petunjuk izin berisiko tinggi: Secrets or environment access
  • Permission surface may require sandboxing

Target pemasangan

Pasang skill ini di alur Agent Anda

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install pencilrebel-roast-my-design-system

Rencana resolusi Agent

Biarkan Agent memverifikasi kecocokan sebelum memasang.

API Resolve mengembalikan skill utama, alternatif, kebijakan keamanan, catatan audit, target pemasangan, dan prompt siap pakai.

Buka rencana teks

Buka JSON

/api/agent/resolve?task=Use%20Roast%20My%20Design%20System%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Teks Resolve

/api/agent/resolve?task=Use%20Roast%20My%20Design%20System%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Serah-terima pemasangan

/api/skills/pencilrebel-roast-my-design-system/install

Agent harus memeriksa

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Salin prompt

Task: Use Roast My Design System in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Roast%20My%20Design%20System%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/pencilrebel-roast-my-design-system/install
Install command: npx skills add pencilrebel/roast-my-design-system
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Serah-terima Agent

Berikan jalur pemasangan kepada Agent, bukan direktori lain.

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

Buka API pemasangan

Serah-terima pemasangan

/api/skills/pencilrebel-roast-my-design-system/install

Format teks LLM

/api/skills/pencilrebel-roast-my-design-system/install?format=text

Cari alternatif

/api/skills/search?q=Roast%20My%20Design%20System&limit=3

Prompt Agent

Use Roast My Design System for this task. Review https://www.openagentskill.com/api/skills/pencilrebel-roast-my-design-system/install, then install with: npx skills add pencilrebel/roast-my-design-system

Metadata Registry

Profil yang dapat dibaca Agent untuk pemilihan skill otomatis.

API Registry menyediakan sinyal keputusan, kepercayaan, audit, use case, dan pemasangan tanpa mengikis UI.

Buka Manifest

Manifest

/api/registry/manifest/pencilrebel-roast-my-design-system

Teks LLM

/api/registry/manifest/pencilrebel-roast-my-design-system?format=text

Alias pemasangan

/api/registry/install/pencilrebel-roast-my-design-system

Rekomendasikan

/api/registry/recommend?task=Use%20Roast%20My%20Design%20System%20in%20an%20agent%20workflow&limit=3

Kecocokan Agent

67/100

Desain dan kreatif

Tag use case

Desain dan kreatifAgent risetOtomasi alur kerja

Platform

JavaScript, Claude Code, OpenAI Agents, Cursor

Laporan audit

Perlu ditinjau · 80/100

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Lihat laporan auditLihat laporan evaluasi

Panel keputusan Agent

Fallback candidate for Design and creative

Prototype with this skill first; keep a fallback candidate ready.

67
Kesiapan
Prototipe
Tahap

Peran di stack

Kandidat cadangan

Kecocokan utama

Desain dan kreatif

Label kepercayaan

Buat prototipe dulu

Jalur pemasangan

Perintah siap

Gunakan saat

  • alur kerja Desain dan kreatif
  • Tim Claude Code
  • builders willing to evaluate younger projects

Bukti

  • recent repository activity
  • install command or GitHub repo available
  • profil kualitas 68/100

tinjau dulu

  • Low GitHub adoption signal
  • No OpenAgentSkill engagement data yet

Jalur implementasi

  1. 1Pasang di Agent sandbox dan jalankan satu tugas Desain dan kreatif dari awal hingga akhir.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Profil kepercayaan

Hanya sandbox

Kandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.

66
Trust Score OpenAgentSkill

Adopsi GitHub

Perbaiki

10 star GitHub

Aktivitas star/fork

Perbaiki

10 star dan 0 fork; aktivitas issue tidak tersedia dalam metadata saat ini

Pemeliharaan terbaru

Lulus

10 hari sejak push

Kejelasan lisensi

Lulus

MIT

Sinyal positif

  • Tinjauan AI disetujui
  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Repositori yang baru dipelihara
  • Perintah pemasangan tidak memiliki pola berisiko tinggi yang jelas
  • Loop hasil siap tetapi membutuhkan eksekusi Agent nyata pertama

Tinjau sebelum memasang

  • Low GitHub adoption signal
  • Quality score needs review
  • Permission surface needs review: secrets or environment access, filesystem or document access
  • GitHub adoption: 10 GitHub stars
  • Stars/forks activity: 10 stars, 0 forks; issue activity unavailable in current metadata
  • Permission surface: secrets or environment access, filesystem or document access
  • Belum ada laporan hasil Agent nyata
  • Tinjauan manusia diperlukan sebelum pemasangan tanpa pengawasan

Tindakan yang disarankan

Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.

Profil kualitas

Menjanjikan kandidat untuk alur kerja Agent

Useful candidate, but compare it with alternatives before adopting.

68
Star GitHub
10
Keterkinian
10 hari lalu
Siap dipasang
Ya
Lisensi
MIT
Tinjau sebelum memasang: Low GitHub adoption signal

Kecocokan alur kerja

Gunakan skill ini pada skenario berikut

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Automate repeated work

Workflow automation

I need my agent to automate a repeated workflow across tools and files.

Kecocokan alur kerja

Tambahkan ke alur kerja lengkap

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Scrape, clean, and reuse web data

Web data pipeline

A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.

Find, compare, and synthesize

Research report agent

A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.

Daftar alternatif

Bandingkan sebelum memasang

Similar skills that may fit this task.

Bandingkan semua

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopsi
Siap100
Kualitas100
Star171.1K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopsi
Siap100
Kualitas100
Star79.4K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopsi
Siap100
Kualitas100
Star171.1K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopsi
Siap100
Kualitas100
Star171.1K

Ringkasan

# roast-my-design-system

[![npm](https://img.shields.io/npm/v/roast-my-design-system?color=2dd4bf&label=npm)](https://www.npmjs.com/package/roast-my-design-system) [![license](https://img.shields.io/badge/license-MIT-blue)](LICENSE)

## A Claude Code skill that roasts your repo's design system with real data.

Run this skill on your codebase and get, in about a second:

- **A health score you can defend in a meeting.** 0-100, deterministic, benchmarked against Ideal Design System norms, 30 scanned public repos and 10 reputable design systems (Primer, Polaris, Carbon, shadcn/ui…). - **Per-package scores for monorepos.** One blended number hides which package is the problem: `packages/ui` scores 80 while `apps/web` scores 40, and now you can see it. - **The receipts behind it.** Every colour and its near-identical twin, every spacing value, typeface, duplicated or never-imported component, inline style and !important, with real file paths, in one self-contained HTML report you can open, Slack or email. - **The first fixes ranked by payoff.** A "Where to start" list derived from your own numbers: keep the report as the audit, or hand it to Claude as the punch list for the fix. - **Rules that stop the mess coming back.** A generated `design-system-rules.md` for your CLAUDE.md or .cursor/rules: canonical components, your token file, known duplicates to avoid, so your AI agent follows your system instead of guessing at it.

## Why this exists

Your AI agent (Claude, Cursor, Copilot) builds UI by imitating what's already in your repo. If your repo has 112 colours and four Button implementations, your agent guesses which one is canonical, and it picks wrong half the time. That's why AI-generated UI looks *almost-but-not-quite* right. The first step to fixing it is seeing the mess measured.

## Example use cases

- **Pre-refactor audit.** Run `/roast-my-design-system` before a design-system cleanup to get the measured baseline: every colour, spacing value, duplicated compon

Kompatibilitas platform

javascriptFULL

Detail teknis

Versi
1.0.0
Lisensi
MIT
Pembaruan terakhir
18 Agu 2026
Diterbitkan
13 Agu 2026

Framework dan alat

JavaScript

Ringkasan keputusan

Kandidat cadangan

67
Siap
Prototipe
Tahap

recent repository activity

Audit

Tinjauan pemasangan

Tinjauan pemasangan dan adopsi

80
Perlu ditinjau
Keamanan
83/100
Pemeliharaan
100/100
Pasang
92/100
Buka audit lengkapLihat laporan evaluasi

Bukti tervalidasi Agent

Bukti tervalidasi Agent

Laporan hasil setelah resolve, tinjau, pasang, dan satu eksekusi terbatas.

0
Terbukti
Needs first agent runPasang otomatis: tinjau duluTerakhir: Tidak diketahui
Tingkat sukses
—
Kegagalan terbaru
—
Hasil
0
Kualitas output
—
Gagal
0
Tidak relevan
0
Pemasangan
0
Diblokir risiko
0
Perlu penyiapan
0
Produksi
0

Belum ada data hasil Agent. Eksekusi pertama dapat melaporkan keberhasilan, kebutuhan setup, blok risiko, kegagalan, atau tidak relevan melalui /api/agent/outcome.

Peringkat Agent-ProvenKontrak hasil

Pasang

Tambahkan ke alur Agent

Gratis dan sumber terbuka. Tinjau laporan sebelum memasang pada Agent produksi.

Bandingkan alternatifRencana resolusi otomatisLihat di GitHubDokumentasi

Siklus pertumbuhan

Kit berbagi

X

Draf berbasis skenario untuk Roast My Design System, siap untuk posting manual di X.

Catatan kurator
Roast My Design System: A Claude Code/Codex skill that audits design systems with a health score, receipts, prioritiz...

10 stars

https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system?ref=x
Buka draf X
Balasan opsional dengan perintah pemasangan
Listing + install path for Roast My Design System:
https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system?ref=x

Install: npx skills add pencilrebel/roast-my-design-system
Buka draf balasan

Sumber listing

Diindeks komunitas

Dapat diklaim

Listing ini diindeks dari sumber publik dan belum ditandai resmi hingga klaim pemelihara disetujui.

Diindeks oleh
Indeks komunitas OpenAgentSkill

Atribusi menautkan ke repositori publik atau profil kreator. Kreator dapat mengklaim listing untuk memperbarui sinyal kepemilikan.

Klaim skill ini

Klaim pemilik

Klaim listing skill ini

Listing Diindeks komunitas ini dikaitkan dengan pencilrebel, tetapi belum ditandai resmi. Klaim untuk menambahkan sinyal pemilik terverifikasi dan membuat pembaruan peluncuran, pemasangan, serta audit berikutnya lebih tepercaya.

Kit backlink kreator

Tambahkan badge bukti ke README Anda

Tampilkan listing kanonis, sinyal kepercayaan dan audit saat ini, serta bukti Agent-Proven nyata di tempat pengembang mengevaluasi repositori.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/pencilrebel-roast-my-design-system?metric=listed&label=Listed)](https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/pencilrebel-roast-my-design-system?metric=trust&label=Trust)](https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/pencilrebel-roast-my-design-system?metric=audit&label=Audit)](https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/pencilrebel-roast-my-design-system?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/pencilrebel-roast-my-design-system)
Pratinjau badge Buka audit Kit kreator

Penulis

P

pencilrebel

@pencilrebel

Tag

design-systemclaude-codecodexcode-analysishealth-score

Kecocokan platform

Claude CodeOpenAI AgentsCursor

Sinyal kesehatan

Star GitHub
10
Skor kualitas
42/100
Push GitHub terakhir
12 Agu 2026
Petunjuk framework
1
Tampilan OpenAgentSkill
0
Salinan pemasangan
0
Klik keluar
0

Sinyal komunitas

Bagikan apakah skill ini bermanfaat untuk alur kerja Agent Anda. Masukan gabungan meningkatkan peringkat dari waktu ke waktu.

Kepercayaan & keamanan

Hanya sandbox

66
  • Adopsi GitHub10 star GitHubPerbaiki
  • Aktivitas star/fork10 star dan 0 fork; aktivitas issue tidak tersedia dalam metadata saat iniPerbaiki
  • Pemeliharaan terbaru10 hari sejak pushLulus
  • Kejelasan lisensiMITLulus
  • Kelengkapan README/SKILL.mdMetadata memuat konteks penggunaan dan alur kerja yang cukupLulus
  • Risiko dependensi/runtimeAkses kredensial atau variabel lingkunganInfo

Skill terkait

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171.1K Star

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.4K Star

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171.1K Star

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171.1K Star
PasangLihat di GitHub