skills
A collection of agent skills that help you build a great interface.
A comprehensive suite of agent skills focused on interface design and development, covering UI polish, typography, color systems, accessibility, layout, and UX writing. These skills enable AI coding assistants to review interface code, generate design variants, test component states, and explain how UI elements are constructed. The collection includes both automated review skills that analyze uncommitted changes and user-invoked tools for creating variations, breaking components, and reverse-engineering interfaces from URLs or screenshots.
Key Features
Use Cases
- 01Reviewing pull requests for interface quality across design and accessibility dimensions
- 02Generating multiple design alternatives for a single component to compare in the browser
- 03Testing how a component renders in all possible states to catch edge-case bugs
- 04Learning how existing interfaces are built by analyzing screenshots or live URLs
- 05Improving typography choices, spacing, and type scale consistency
- 06Ensuring color systems meet contrast requirements and support theming
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
skills — FAQ
What are the skills agent skills and what do they do?+
The skills collection is a set of AI agent skills that help review and improve interface code. They analyze UI design, typography, colors, accessibility, layout, and writing, either automatically on code changes or on-demand through user commands.
How do I install the skills agent skills?+
You can install via CLI using 'npx skills add jakubkrehel/skills' in Claude Code, Codex, Opencode, or similar agents. Alternatively, in Claude Code, add it as a plugin with '/plugin marketplace add jakubkrehel/skills' followed by '/plugin install interfaces@interfaces'.
Which AI clients work with these agent skills?+
These skills work with Claude Code, Codex, Opencode, and other AI coding assistants that support the agent skills framework or Claude Code plugins.
Do I need API keys to use the skills agent skills?+
No API keys are mentioned in the documentation. The skills operate on your local codebase and don't require external service authentication.
Are the skills agent skills free to use?+
Yes, the skills collection is open source and available on GitHub for free use.
What's the difference between CLI and plugin installation?+
CLI installation allows choosing specific skills and uses plain names like '/interface-review'. Plugin installation adds all skills at once under a namespace like '/interfaces:interface-review' and supports in-place updates.
How do I install skills?+
Open the source repository on GitHub and follow its README. skills is a skill — MCP Agents Market links you directly to the official repo.
Is skills free?+
skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.