Sandbox
16 repos for design-skills · CodingClear
touchine-ojo/
OJO-Design-Skills

Reusable UI/UX design skills for AI coding agents — Codex, Claude Code, ZCode, and more.

109
LottieFiles/
motion-design-skill

Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI

1.6k
YuqingNicole/
variant-design-skill

Solve the blank canvas problem. Prompt → 3 distinct designs → vary → export. A Claude Code skill inspired by the Variant design community.

46
Wholiver/
swiftui-design-skill

SwiftUI Front-End Design Skills — Six Ironclad Rules Against AI Sloppiness, Design Direction Consulting, Brand Asset Guidelines, and Five-Dimensional Review. Supports all AI agent platforms, including Claude Code, Cursor, Codex, and OpenCode.

190
dannyjpwilliams/
ui-sound-design-skill

Claude Code skill that translates plain-English sound descriptions into working Web Audio API and Tone.js code

36
ianho7/
ai-friendly-web-design-skill

A skill for coding agents that build, review, and refactor Web UI that should be easier for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate.

76

Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI

2.8k
referodesign/
refero_skill

Research-first design skill for AI agents. 150K+ real app screens and flows via Refero MCP.

258
Institut-du-Numerique-Responsable/
green-claude

🌱 Eco-design skill for Claude Code: digital sobriety, RGESN/GR491 compliance, AI responsibility, eco-conception, frugal AI, carbon footprint, water/electricity/CPU/GPU optimization, sustainable software, green IT

46
huytieu/
COG-second-brain

Self-evolving second brain with 33 AI skills, 10 agents, and people CRM. Closed-loop harness: a V-model verification lifecycle where the worker never grades its own homework. Plus paired anti-slop design skills for marketing and product UI. Works with Claude Code, Cursor, Kiro, Gemini CLI, Codex.

1.2k
Ryan-yang125/
motion-lexicon

Describe a motion feeling, compare candidates, tune a recipe, and copy the implementation.

42

Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.

323
stevembarclay/
pencilplaybook

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.

49
MustBeSimo/
cinematic-scroll-skill

Web Design Studio: free agent skill for distinctive websites, interactive 3D and motion. 28 live examples, art direction and accessible fallbacks. Formerly Cinematic Scroll.

34