By karthikv792
Design philosophy distilled from 212 real-world principle sets. Makes Claude build interfaces with genuine taste — intentional hierarchy, purposeful color, accessible markup, and opinionated craft.
A comprehensive design philosophy skill distilled from 212 real-world design principle sets (principles.design). Use this skill whenever creating any visual interface, UI component, web page, application, dashboard, landing page, presentation, or design system. Also trigger when the user asks to "make it look good", "improve the design", "add polish", requests "beautiful UI", "professional design", or mentions aesthetics, UX, layout, typography, color, spacing, visual hierarchy, or user experience. Apply even when users don't explicitly ask for design — good design should be the default. Also use for mobile apps, dashboards, data visualization, dark mode theming, and AI/ML interfaces. This skill transforms code generation into design with genuine taste and opinionated craft.
Use when writing, developing, or analyzing screenplays, scripts, stories, or narrative outlines for film or TV. Also use when brainstorming movie/show ideas, creating characters, building beat sheets, writing dialogue, diagnosing script weaknesses, or working with storytelling frameworks (Save the Cat, Hero's Journey, Story Circle). Applies to short films, features, TV pilots, and Indian cinema traditions (Tollywood, Bollywood).
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A collection of opinionated skills for Claude Code
Teaching Claude to do things with craft, not just correctness.
Install • Skills • How It Works • Add a Skill • Contributing
claude plugin add karthikv792/kv-skills
All skills are automatically available in every Claude Code session.
/plugin marketplace add karthikv792/kv-skills
git clone [email protected]:karthikv792/kv-skills.git ~/.claude/plugins/kv-skills
| Skill | Description | Details |
|---|---|---|
| Designer With Taste | Design philosophy distilled from 212 real-world principle sets. Makes Claude build interfaces with genuine taste — intentional hierarchy, purposeful color, accessible markup, and opinionated craft. | README |
| Screenwriting Helper | Comprehensive screenwriting craft system distilled from Iglesias, Snyder, McKee, Campbell, and others. Covers ideation, character design, structure, scene craft, tension, polish, diagnostics, and Indian cinema traditions. | README |
Have an idea for a skill? Open an issue or submit a PR.
Claude Code plugins extend Claude's capabilities through skills — structured knowledge documents that Claude reads before performing tasks.
┌─────────────────────────────────────────────────┐
│ You: "Build me a dashboard" │
│ │
│ Claude detects: UI task │
│ ↓ │
│ Loads relevant skill(s) from kv-skills │
│ ↓ │
│ Reads specialized references (dashboards, │
│ dark mode, mobile, etc.) │
│ ↓ │
│ Builds with craft — not just correctness │
└─────────────────────────────────────────────────┘
Each skill lives in skills/<skill-name>/ and contains:
SKILL.md — The core skill document Claude reads (required)README.md — Human-readable documentation for the skillreferences/ — Deep-dive reference material loaded on demandassets/, templates/ — Supporting files (CSS tokens, starter templates, etc.)kv-skills/
├── .claude-plugin/
│ └── plugin.json # Plugin metadata
├── skills/
│ ├── designer_with_taste/ # Design philosophy skill
│ │ ├── SKILL.md
│ │ ├── README.md
│ │ ├── references/ # 7 specialized reference files
│ │ ├── assets/ # Design token system
│ │ └── templates/ # HTML starter template
│ └── screenwriting_helper/ # Screenwriting craft skill
│ ├── SKILL.md
│ ├── README.md
│ └── references/ # 8 specialized reference files
├── LICENSE
└── README.md # You are here
Want to add a new skill to this collection? Here's the structure:
mkdir -p skills/your-skill-name
Create skills/your-skill-name/SKILL.md with YAML frontmatter:
---
name: your-skill-name
description: Use when [specific triggering conditions and symptoms]
---
# Your Skill Name
Your skill content here...
Add a README.md in the same directory to document the skill for humans.
references/ subdirectoryassets/ or templates/npx claudepluginhub karthikv792/kv-skills --plugin designer-with-tasteExpert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.