Opinionated UI constraints extracted from top design systems for pixel-accurate AI-generated interfaces.
design-skills is easy to set up with trust notes worth reviewing. Check agent compatibility and use-case fit before adding it to your workflow.
Repository setup guidance
gh repo view ihlamury/design-skills --webOpen the official repository or website.
Check the README for package manager, auth, and platform requirements.
Try it in a small test task inside your agent workflow.
A collection of 87 design skill files that teach AI coding agents specific UI rules from companies like Linear, Stripe, and Apple, helping them build consistent interfaces.
Design-skills is a curated set of 87 UI skill files extracted from leading design systems (Linear, Stripe, Figma, Apple, etc.). Each skill defines specific visual constraints—such as spacing, typography, color, and layout—to guide AI agents when generating frontend code. The skills are formatted as markdown files that can be injected into agents like Claude Code, Cursor, and GitHub Copilot to enforce pixel-perfect, consistent design patterns.
Looks usable, but maintenance, license, or security notes deserve a closer look.
Last commit was about 167 days ago.
64 GitHub stars indicate community interest.
2 open issues signal maintenance load.
No license detected; review before production use.
Building UI components that match a specific design system (e.g., Linear or Vercel).
Enforcing consistent spacing and typography across AI-generated code.
Rapid prototyping with design-system-level accuracy.
Training AI agents to follow brand-specific visual rules.
Ensuring accessibility and readability in generated interfaces.
Skills are plain markdown files with no executable code, posing minimal security risk.
Users should review skill content before applying to proprietary projects.
No network access or data collection; skills are local files.
Avoid using skills from untrusted sources without inspection.
Create a login form following the Linear design system skill: use Inter font, 4px grid, dark theme, and consistent spacing.
64
Stars
8
Forks
2
Issues
Extract any website's complete design system with one command.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Opinionated UI constraints extracted from top design systems for pixel-accurate AI-generated interfaces.
Frontend developers using AI coding assistants., Design engineers who want consistent UI output from AI., Product teams adopting AI-driven development.
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
Skills are plain markdown files with no executable code, posing minimal security risk. Users should review skill content before applying to proprietary projects.
Similar or complementary options to evaluate include design-extract, Argos, uSpec.
Jul 11, 2026
4 security/trust notes recorded.
Setup difficulty is 2/5.