Menu

#970 by GitHub stars

carmahhawwari/ui-design-brain

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions

Design

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

38f04c5a1dee → 38f04c5a1dee

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → 38f04c5a1dee

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 38f04c5a1dee55d99c686a16643cef4e2ce0f7a2

906GitHub stars
2stars in 7 days
1skill in this repository
0commits in 30 days

Heat

3.3
  • Star growth, last 7 daysAhead of 51% of tracked repositories
  • Star growth, last 24 hoursAhead of 73% of tracked repositories
  • Rank movement, last 7 daysAhead of 4% of tracked repositories
  • Commits, last 30 daysAhead of 0% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Aug 2, 2026Nov 6, 2026906

Individual skills in this repository

How it works

ui-design-brain

When your agent uses it

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than generic AI patterns.

What it loads into context

Frontmatter

77 tokens

Always available to the agent

SKILL.md

1,856 tokens

When the skill is activated

Reference documents

10,465 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. When to Use This Skill
  2. Design Philosophy
  3. Workflow
  4. Component Quick Reference
  5. Anti-Patterns to Avoid

Files

  • LICENSE.txtdoc1,227 bytes
  • README.mddoc4,803 bytes
  • SKILL.mdcore8,302 bytes
  • components.mddoc43,887 bytes

No excerpt is shown for this license. Read the source on GitHub.

View the complete source on GitHub

Skills included

  • ui-design-brain

Repository facts

License
No license detected
Created
Feb 28, 2026
Last pushed
Feb 28, 2026
Forks
76
Open issues
0
Project activity
Slowing

Rank over the last 12 weeks

Now #970 · best #629 · down 250 in 30 days

  1. #956 on Nov 2
  2. #960 on Nov 3
  3. #964 on Nov 4
  4. #963 on Nov 5
  5. #964 on Nov 6
  6. #970 since Nov 7
49 earlier periods
  1. #605 on Aug 2
  2. #632 on Aug 6
  3. #609 on Aug 9
  4. #636 on Aug 10
  5. #640 on Aug 11
  6. #642 on Aug 12
  7. #641 on Aug 13
  8. #635 on Aug 14
  9. #616 on Aug 15
  10. #629 on Aug 16
  11. #639 on Aug 17
  12. #651 on Aug 18
  13. #639 on Aug 19
  14. #638 on Aug 20
  15. #645 on Aug 23
  16. #662 on Aug 24
  17. #667 on Aug 25
  18. #661 on Aug 27
  19. #685 on Aug 28
  20. #666 on Sep 2
  21. #671 on Sep 3
  22. #652 on Sep 4
  23. #700 on Sep 8
  24. #688 on Sep 9
  25. #690 on Sep 10
  26. #705 on Sep 14
  27. #696 on Sep 15
  28. #713 on Sep 17
  29. #696 on Sep 20
  30. #713 on Sep 21
  31. #731 on Sep 22
  32. #697 on Sep 24
  33. #679 on Sep 25
  34. #722 on Sep 28
  35. #720 on Oct 4
  36. #746 on Oct 11
  37. #767 on Oct 13
  38. #781 on Oct 16
  39. #793 on Oct 19
  40. #806 on Oct 20
  41. #814 on Oct 21
  42. #794 on Oct 22
  43. #764 on Oct 24
  44. #920 on Oct 25
  45. #938 on Oct 28
  46. #942 on Oct 29
  47. #943 on Oct 30
  48. #947 on Oct 31
  49. #948 on Nov 1

Before you install

Instructions only

Automated signals, not a guarantee

Checked Nov 4, 2026

  • No broad tool permissions
  • No dangerous shell commands
  • 10 network referencesin 4 files: README.md:7 components.md:3 LICENSE.txt:25 and 1 more
  • No hidden or obfuscated text
  • No instruction overrides
  • No executable scripts
  • No access to secrets
  • No requests to vote in Hot
Show all 10 signals by file

LICENSE.txt

  • Network accessline 25
    Component data sourced from component.gallery (https://component.gallery).

README.md

  • Network accessline 7
    When you ask Cursor to build a UI, it typically guesses at component patterns. This skill replaces guessing with a curated knowledge base sourced from [component.gallery](https://component.gallery) and enriched with:
  • Network accessline 22
    # Clone into your Cursor skills directory git clone https://github.com/carmahhawwari/ui-design-brain.git \
  • Network accessline 23
    git clone https://github.com/carmahhawwari/ui-design-brain.git \
  • Network accessline 30
    # Clone into your project's .cursor/skills directory git clone https://github.com/carmahhawwari/ui-design-brain.git \
  • Network accessline 31
    git clone https://github.com/carmahhawwari/ui-design-brain.git \
  • Network accessline 119
    Component data sourced from [component.gallery](https://component.gallery).

SKILL.md

  • Network accessline 9
    This skill provides a curated knowledge base of 60+ UI component patterns sourced from [component.gallery](https://component.gallery) and enriched with best practices, layout guidance, and usage rules. It replaces generic guessing with real

components.md

  • Network accessline 3
    Complete reference for 60 UI components with best practices, common layouts, and aliases. Sourced from [component.gallery](https://component.gallery) and enriched with production-grade guidance.
  • Network accessline 4
    Sourced from [component.gallery](https://component.gallery) and enriched with production-grade guidance.

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 2 facts
  • Network access in code of documentationREADME.md:23Low confidence
  • Network access in code of documentationREADME.md:31Low confidence

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

nextlevelbuilder/ui-ux-pro-max-skill

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

146.3kGitHub stars

Leonxlnx/taste-skill

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals rese…

111.3kGitHub stars

nexu-io/open-design

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your te…

106.4kGitHub stars

pbakaus/impeccable

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.

105kGitHub stars

Nutlope/hallmark

Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing …

49.8kGitHub stars

CopilotKit/CopilotKit

The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol

38.5kGitHub stars

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

carmahhawwari/ui-design-brain: #970 on hotskills, 906 stars

[![carmahhawwari/ui-design-brain on hotskills](https://hotskills.dev/badge/carmahhawwari-ui-design-brain.svg)](https://hotskills.dev/skill/carmahhawwari-ui-design-brain/)