القائمة
Create minimal, clean HTML artifacts with Tailwind CSS and shadcn-inspired HSL tokens. Use when the user requests a simple, professional design.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Create a new skill or improve an existing one. Use when the user wants to capture a workflow as a reusable skill, edit a skill, or optimize its triggering.
Create Scratch 3.0 projects using Python and ScratchGen. Use when the user wants to generate a .sb3 file with sprites, scripts, and assets.
Search across multiple web providers with automatic failover. Use when the user needs quota-aware, multi-provider web search.
Create an audio interview with a selected agent using OpenAI TTS. Generates a single MP3 file with a Q&A podcast session.
Write technical blog posts about real engineering challenges. Use when the user wants technical content, blog posts, tutorials, or explanations for mixed audiences including non-technical readers.
Automate browser interactions for scraping, testing, and workflows. Use when the user wants to navigate pages, fill forms, extract data, or take screenshots with Puppeteer or Playwright.
| name | minimal-design-system |
| description | Create minimal, clean HTML artifacts with Tailwind CSS and shadcn-inspired HSL tokens. Use when the user requests a simple, professional design. |
| license | MIT |
| compatibility | claude-code opencode github-copilot devin pi cursor |
A minimalist design system for HTML artifacts, dashboards, and websites.
prefers-color-schemeUse Tailwind CSS via CDN and the HSL tokens from references/design-tokens.md.
--background: page background--foreground: primary text--primary: buttons and emphasis--muted: subtle backgrounds--border: borders and dividers--card: card backgrounds--radius: 0.5rembg-primary text-primary-foreground h-11 px-8 rounded-mdborder border-default h-11 px-8 rounded-md hover:bg-mutedp-6 rounded-lg border border-default bg-cardtext-xs px-2.5 py-1 rounded-full bg-mutedh-11 px-4 rounded-md border border-default focus:ring-2 focus:ring-[hsl(var(--ring))]max-w-7xl, max-w-4xl, max-w-3xl, max-w-2xlpy-16, py-24gap-4, gap-6, gap-8references/design-tokens.md — complete tokensreferences/components.md — full component library