{"name":"skills: A Collection of Agent Skills for Building Great Interfaces","description":"The `skills` repository by Jakub Krehel offers a comprehensive collection of agent skills designed to enhance interface development. It provides tools and guidelines covering UI, typography, colors, accessibility, layout, and product writing. This resource is invaluable for developers and designers aiming to create high-quality, user-friendly interfaces.","github":"https://github.com/jakubkrehel/skills","url":"https://osrepos.com/repo/jakubkrehel-skills","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/jakubkrehel-skills","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/jakubkrehel-skills.md","json":"https://osrepos.com/repo/jakubkrehel-skills.json","topics":["UI Design","UX","Accessibility","Typography","Frontend Development","Agent Skills","Design Engineering","Web Interfaces"],"keywords":["UI Design","UX","Accessibility","Typography","Frontend Development","Agent Skills","Design Engineering","Web Interfaces"],"stars":null,"summary":"The `skills` repository by Jakub Krehel offers a comprehensive collection of agent skills designed to enhance interface development. It provides tools and guidelines covering UI, typography, colors, accessibility, layout, and product writing. This resource is invaluable for developers and designers aiming to create high-quality, user-friendly interfaces.","content":"## Introduction\n\nThe `skills` repository, created by Jakub Krehel, is an extensive collection of agent skills specifically designed to assist in building exceptional user interfaces. With over 7,000 stars, this project provides a structured approach to various aspects of interface development, covering critical areas such as UI, typography, colors, accessibility, layout, and product writing. It serves as a valuable resource for developers and designers looking to refine their craft and produce high-quality digital experiences.\n\n## Why Use and Benefits\n\n`skills` offers a practical toolkit to elevate your interface design and development process. By leveraging these agent skills, you can achieve:\n\n*   **Improved UI**: Address common UI challenges with skills like `better-ui`, focusing on details such as concentric border radius, optical alignment, and contextual icons.\n*   **Enhanced Typography**: Utilize `better-typography` to optimize type scales, spacing, sizing, and OpenType features for superior readability and aesthetics.\n*   **Robust Color Systems**: With `better-colors`, you can generate palettes, implement semantic tokens, convert color formats, and ensure contrast compliance.\n*   **Accessibility Compliance**: The `better-accessibility` skill helps your project meet accessibility standards and best practices, making your interfaces inclusive.\n*   **Optimized Layouts**: `better-layout` assists with grouping, alignment, and reading order, contributing to well-structured and intuitive designs.\n*   **Consistent Product Writing**: `better-writing` focuses on refining product copy, ensuring clarity and consistency across your application.\n*   **Comprehensive Reviews**: Skills like `interface-review` provide detailed analyses across multiple categories, offering actionable insights for improvement.\n\nThis repository empowers you to build interfaces that are not only visually appealing but also highly functional, accessible, and user-friendly.\n\n## Installation\n\nTo integrate these skills into your project, you can use the following command:\n\nbash\nnpx skills add jakubkrehel/skills\n\n\nFor Claude Code plugin users, you can install it with:\n\ntext\n/plugin marketplace add jakubkrehel/skills\n/plugin install interfaces@interfaces\n\n\n## Examples\n\nHere are some of the powerful skills available in the collection:\n\n*   **better-ui**: Improves UI across the board, covering aspects like concentric border radius, optical alignment, and animation.\n*   **better-typography**: Enhances type in your project, focusing on type scale, spacing, sizing, and OpenType features.\n*   **better-colors**: Helps build a color system, generate palettes, use semantic tokens, and check contrast.\n*   **better-accessibility**: Ensures your project complies with accessibility standards and best practices.\n*   **interface-review**: Reviews your work across UI, typography, layout, color, writing, and accessibility, providing a detailed analysis.\n*   **explain-interface**: Helps understand how an animation, design, or UI element was built on the web.\n\n## Links\n\n*   **GitHub Repository**: [jakubkrehel/skills](https://github.com/jakubkrehel/skills){target=_blank}\n*   **Interfaces.dev**: [Design Engineering Magazine](https://interfaces.dev/){target=_blank}\n*   **Jakub Krehel's Personal Website**: [jakub.kr](https://jakub.kr/){target=_blank}","metrics":{"detailViews":1,"githubClicks":0},"dates":{"published":null,"modified":"2026-09-22T12:32:39.000Z"}}