Nibble Skill
Design guidelines for your AI assistant. Find and fix small text, inconsistent colors, misaligned icons, and generic layouts while preserving your project's identity.
Version 1.0.0 · ZIP · MIT License
What it reviews
Readability and contrast, text sizing, consistent colors and icons, alignment, and spacing. It also reviews navigation, forms, empty states, and mobile layouts.
It starts from your actual interface and references. Fonts, colors, and composition are chosen for each product; using the skill does not turn your website into a copy of Nibble.
Use it in your project
Download and extract the ZIP. Add the entire nibble-skill folder to your assistant's skills directory, following its installation instructions. It must support skills based on SKILL.md.
Keep the folders references y agents alongside SKILL.md. Then start a new session and invoke the skill for the interface you want to review.
An example to get started
Use $nibble-skill to review this interface and fix readability, color, icon, hierarchy, and spacing issues. Preserve its identity and verify the result on desktop and mobile.
What is included
The skill, diagnostic examples, and references for UI, writing, accessibility, and responsive design. Includes a Python contrast checker and source licenses.
Ask for an audit to receive findings, or ask for fixes to have the issues addressed and verified. Visual quality is checked with rendered screens and interaction tests.
Credits
Combines Nibble's guidelines with the antislop-ai 3.2.25filter by miqdadbadjuber, distributed under the MIT License. The original rules and attribution are included in the ZIP.