CL

cli-design

Ensure CLI commands follow consistent design principles for better usability and agent interaction.

Install

mkdir -p .claude/skills/cli-design && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/4250" && unzip -o skill.zip -d .claude/skills/cli-design && rm skill.zip

Installs to .claude/skills/cli-design

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Design patterns and conventions for the vm0 CLI user experience
63 charsno explicit “when” trigger
Beginner

Key capabilities

  • Enforce atomic command design
  • Support both TTY and non-TTY execution modes
  • Provide guided user flows for success and error states

How it works

It applies design principles that ensure each command performs a single operation and provides consistent guidance to the user regardless of the execution environment.

Inputs & outputs

You give it
CLI command definition
You get back
Standardized command structure and user flow

When to use cli-design

  • Review new CLI commands
  • Implement consistent error handling
  • Refactor CLI command composition

About this skill

CLI Design Skill

Use this skill when writing new CLI commands, reviewing CLI code, or fixing inconsistencies.

Documentation

Read the CLI design guideline: docs/cli-design-guideline.md

Key Principles

  1. Atomic Command — each command does one operation, agents compose them freely
  2. TTY & Non-TTY — every command works in both interactive and programmatic modes
  3. Guided Flow — output always guides to the next action (success → next step, error → remediation, empty → creation)

When not to use it

  • Designing non-CLI user interfaces
  • Creating monolithic commands that perform multiple operations

Limitations

  • Requires adherence to specific design guidelines
  • Limited to CLI-based interactions

How it compares

It enforces a specific architectural pattern for CLI tools, whereas generic CLI design often results in inconsistent command behavior and poor user guidance.

Compared to similar skills

cli-design side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
cli-design (this skill)25moNo flagsBeginner
ui-ux-pro-max1,9095moReviewIntermediate
penpot-uiux-design276moReviewAdvanced
ui-ux-designer414moNo flagsIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

ui-ux-pro-max

nextlevelbuilder

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

1,9092,023

penpot-uiux-design

github

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

27145

ui-ux-designer

sickn33

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

4171

interactive-portfolio

davila7

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

3645

paywall-upgrade-cro

davila7

When the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration screen," "limit reached screen," "plan upgrade prompt," or "in-app pricing." Distinct from public pricing pages (see page-cro) — this skill focuses on in-product upgrade moments where the user has already experienced value.

556

aesthetic

mrgoonie

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

627

Search skills

Search the agent skills registry