jakubkrehel

#AI Programming #UI Design #UX Design #ClaudeCode #Frontend Development #Interface Design #Open Source Project jakubkrehel/skills is a skill package specifically designed to enhance the **UI/UX design capabilities of AI Agents**. Building on the ability of AI to write frontend code, it further focuses on whether **the interface looks good, the details are reasonable, and the product experience is complete**, organizing common standards in interface design such as typography, color, layout, micro-interactions, accessibility, and UX copy into skills that Agents can directly use. Users who frequently use AI to write web pages, create product prototypes, or modify existing frontend projects can use this set of Skills as a layer of **design aesthetics and interface quality constraints**. It can guide Agents in creating interfaces from scratch or review already completed or recently modified UIs to identify visual and experiential issues. ## Software Features **better-ui:** Primarily handles UI visual details, including **rounded corners, shadows, and micro-interactions**, which easily affect the quality of the interface, reducing the issue of AI randomly stacking visual effects. **better-typography:** Optimizes **fonts and typography**, allowing Agents to more reasonably handle font sizes, hierarchy, text layout, and reading experience, avoiding obvious typographical imbalances in the interface. **better-colors:** Provides color design capabilities and helps Agents establish a more reasonable color scheme around modern color systems like **OKLCH**. **better-accessibility:** Strengthens the **accessibility design** of the interface, allowing Agents to consider accessibility and the actual user experience while focusing on visual effects. **better-layout:** Optimizes the **layout and structure** of pages, helping Agents more reasonably organize page areas, content hierarchy, and spatial relationships between components. **better-writing:** Specializes in **UX copy**, improving buttons, prompts, status messages, and other text in the interface to make product copy clearer, more natural, and suitable for actual interaction scenarios. **better-interface:** Provides design guidance from a more complete interface perspective, combining different UI details to help Agents output **a more cohesive product interface**. **interface-review:** Offers interface review capabilities, allowing for **design reviews** of existing interfaces or recently completed modifications. In addition to checking if the code runs correctly, it also inspects UI, interaction, and visual details. **Supports Claude Code:** Can be used as part of the Claude Code plugin workflow, providing additional design standards and skill support for AI programming Agents while developing frontend interfaces. **Supports skills CLI:** Can quickly add the entire set of skills via the command line, with the installation command as follows: `npx skills add jakubkrehel/skills` Users who frequently use AI Agents for frontend development can use this project to enable AI Agents to produce products that appear to be thoughtfully designed, especially suitable for UI polishing of websites, Web Apps, SaaS products, and various AI coding projects. ## Download Address GitHub: [https://github.com/jakubkrehel/skills](https://github.com/jakubkrehel/skills) Installation command: `npx skills add jakubkrehel/skills`