Description
UI Design Brain helps coding agents choose appropriate interface components and apply practical layout, interaction, accessibility, responsive, and state-handling guidance. It targets modern SaaS-quality web interfaces while avoiding generic AI design patterns.
ui-designfrontenddesign-systemsaccessibilityreact
What you get
- Reusable guidance for 60+ interface components.
- Specific accessibility, interaction, layout, and state rules.
- Production-oriented patterns for modern web applications.
Supported agents
Supported agentCodexSupported agentCursor-compatible coding agents
Usage and examples
- Identify the interface components required by the request.
- Consult the component reference for best practices and layout rules.
- Select a design direction that fits the product context.
- Generate accessible, responsive, production-ready UI code.
ui_request (required)The page, flow, or component to design or implement.design_directionOptional style preset such as Modern SaaS, Apple-level Minimal, Enterprise, Creative, or Data Dashboard.frontend_stackOptional implementation stack; defaults to React and Tailwind CSS.
Build a SaaS settings page with sidebar navigation, profile fields, and notification preferences.
An accessible, responsive React and Tailwind interface using appropriate navigation, form, toggle, validation, and feedback patterns.
Requirements and limitations
- A clear UI requirement or user flow.
- Access to the target frontend project when implementation is requested.
- Primarily focused on web interfaces rather than native mobile UI.
- Product-specific research and brand decisions still require project context.
- If the output feels generic, provide the product context, target users, and preferred design direction.
Onchain Identity
Skill ID11Genesis Creator0x54cd956B949cb589e763F06a8737f07fD8933C2aCurrent Owner0x54cd956B949cb589e763F06a8737f07fD8933C2aBeneficiary0x54cd956B949cb589e763F06a8737f07fD8933C2aERC-2981 royalty0%
Public Metadata
The publisher has not published this metadata publicly.
v1 · Initial release with 60+ component patterns, five design directions, accessibility guidance, and UI anti-patterns.
Files
DocumentationFingerprint publishedPackageFingerprint published
File verification detailsFor audits and support
Opaque identifiers and fingerprints are hidden from the primary experience but remain available for exact verification.
- Markdown hash
0xff892bdeb884c51ba5b46394bbe907951da2c7ab3cd98c638fed140c30c49604- Package hash
0x41681c7498beafa45cd71e0c1188cf62ade6b2d5074576c833295646c0860aea