Claude Skill

julianoczkowski/designer-skills

A collection of agent skills that encode design process for AI coding tools, helping designers build prototypes with structured, predictable output instead of random results.

Overview

Stars379
Forks33
LanguageUnknown
Last pushed2026-04-25
Last synced2026-07-01
View on GitHub

Repository

Ownerjulianoczkowski
Repositorydesigner-skills
Full namejulianoczkowski/designer-skills
Repo ID1,194,491,470

Install this Skill

npx skills add julianoczkowski/designer-skills

Registry

Typecursor_rule
Quality score75/100
Verificationreadme_parsed
Last verified2026-06-16
Platforms
ClaudeCodexCursor
Capabilities
code-reviewpdfimageterminalworkflow
Detected files
README.md
Config keys
URL

Summary

A curated collection of agent skills that encode structured design processes for AI coding tools, helping designers build prototypes with predictable, high-quality output instead of random results.

Chinese description

这是一套为使用AI编码工具进行原型设计和构建的设计师准备的代理技能集合。这些技能将设计流程编码化,使AI能够遵循结构化路径,而非产生随机输出。

Key features

  • Encodes design process into structured AI agent skills
  • Reduces randomness in AI-generated output
  • Tailored for designers using AI coding tools
  • Supports prototyping and iterative design workflows
  • Open-source collection with community contributions

Use cases

  • Structuring AI-assisted UI/UX prototyping
  • Guiding AI to follow consistent design patterns
  • Reducing manual rework in AI-generated designs
  • Teaching AI to respect design constraints
  • Enabling repeatable design workflows with AI

README excerpt

<p align="left"> <img src="design_skills_hero.png" alt="Design Skills — Cursor, GitHub Copilot, Claude" /> </p> <p align="left"> <a href="https://github.com/julianoczkowski/designer-skills"><img src="https://img.shields.io/github/stars/julianoczkowski/designer-skills?style=flat-square&logo=github" alt="GitHub stars" /></a> <a href="https://github.com/julianoczkowski/designer-skills"><img src="https://img.shields.io/github/last-commit/julianoczkowski/designer-skills?style=flat-square&logo=github&label=last%20commit" alt="Last commit on GitHub" /></a> <a href="#the-flow"><img src="https://img.shields.io/badge/skills-8-333?style=flat-square" alt="8 bundled skills" /></a> <a href="https://github.com/vercel-labs/skills"><img src="https://img.shields.io/badge/Vercel-skills%20CLI-000?style=flat-square&logo=vercel&logoColor=white" alt="Vercel skills CLI" /></a> <a href="#installation"><img src="https://img.shields.io/badge/package-julianoczkowski%2Fdesigner--skills-0070f3?style=flat-square" alt="Install via npx skills add julianoczkowski/designer-skills" /></a> <a href="#installation"><img src="https://img.shields.io/badge/agents-Claude%20Code%20%C2%B7%20Cursor%20%C2%B7%20Codex-6e7681?style=flat-square" alt="Claude Code, Cursor, Codex, and other agents" /></a> </p> # Designer Skills for Claude Code & Cursor A collection of agent skills for designers who prototype and build with AI coding tools. These skills encode design process so AI follows a structured path instead of producing random output. <p align="left"> <a href="https://youtu.be/1pV7bvbaCFg?si=JtVWoBHsb-hrguho" title="Watch on YouTube"> <img src="https://img.youtube.com/vi/1pV7bvbaCFg/maxresdefault.jpg" alt="Designer Skills — walkthrough (YouTube)" width="100%" /> </a> </p> <p align="left"><s

Topics

No topics yet.

Explore more

Data from GitHub. Synced on 2026-07-01