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
Repository
Install this Skill
npx skills add julianoczkowski/designer-skillsRegistry
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.
这是一套为使用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.