Skillzwave Logo
Skillzwave

design-principles

0
B

Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimalist with taste. Every pixel matters.

CommandsAgentsMarketplace
#design#color#spacing#Jony Ive-level#typography#shadows#feel#product

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install settlemint/agent-marketplace/design-principles
skilz install settlemint/agent-marketplace/design-principles --agent opencode
skilz install settlemint/agent-marketplace/design-principles --agent codex
skilz install settlemint/agent-marketplace/design-principles --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/settlemint/agent-marketplace
2. Copy the agent skill directory:
cp -r agent-marketplace/devtools/skills/design-principles ~/.claude/skills/
View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

answer-engine-optimization

by alirezarezvani

> Professional Answer Engine Optimization for Marketers & SEO Specialists

Marketplace

app-store-optimization

by alirezarezvani

Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play S...

Marketplace

agile-product-owner

by alirezarezvani

Agile product ownership toolkit for Senior Product Owner including INVEST-compliant user story generation, sprint planning, backlog management, and...

Marketplace

app-store-optimization

by alirezarezvani

Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play S...

Marketplace

Agentic Skill Details

Owner
settlemint (GitHub)
Repository
agent-marketplace
Type
Other
Meta-Domain
Primary Domain
Market Score
0
Agentic Skill Grades →

Agent Skill Grade

B
Score: 83/100 Click to see breakdown

Score Breakdown

Spec Compliance
13/15
PDA Architecture
27/30
Ease of Use
22/25
Writing Style
8/10
Utility
18/20
Modifiers: -5

Areas to Improve

  • Missing TOC in craft-principles.md
  • Second-person voice usage
  • Missing component templates

Recommendations

  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-19

Developer Feedback

I took a look at your design-principles skill and wanted to share some thoughts.

Links:

The TL;DR

You're at 83/100, solid B grade territory. This is based on Anthropic's best practices for skill structure and usefulness. Your strongest area is Progressive Disclosure Architecture (27/30) — the layering between your main SKILL.md and four focused reference files is chef's kiss. Weakest spot is Writing Style (8/10) and some utility gaps around component templates.

What's Working Well

  • Reference architecture is tight. Splitting the 153-line overview from four separate reference files (craft-principles, anti-patterns, design-directions, verification-scripts) keeps token economy lean while offering depth when needed. That's good PDA.
  • Triggers are comprehensive. You've got 12 of them covering both intent ("design dashboard", "create admin interface") and artifact patterns ("design tokens", "spacing system"). That's solid discoverability.
  • Practical constraints. The 4px grid, symmetrical padding, and banned patterns (centered layouts, opacity stacking) are real, actionable decisions — not fluffy design philosophy. The anti-patterns reference is particularly useful for preventing common mistakes.

The Big One: Missing Component Templates

Your craft-principles.md has individual CSS snippets scattered throughout (130 lines of good stuff), but you're missing complete, copy-paste-ready component templates. When someone uses this skill, they need to see a Card component, Button, Navigation bar — fully built examples following all your principles.

Fix: Create references/component-templates.md with 3-4 complete components (Card, Button, and one from your domain). Sh...

AI-Detected Topics

Extracted using NLP analysis

design color spacing Jony Ive-level typography shadows feel product depth design direction

Report Security Issue

Found a security vulnerability in this agent skill?