skills.rest
smitkothariusa
smitkothariusaCOMMUNITY
Explore all skills by this author →
GitHub

grocerygenius-ui

Redesign the GroceryGenius UI with the Bright Kitchen design system.

Updated Oct 15, 2025
Search Tags:#design system#ui customization#ui redesign#grocerygenius#bright kitchen
One-click install
npx skills add https://github.com/smitkothariusa/GroceryGenius --skill grocerygenius-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: grocerygenius-ui
Source: https://github.com/smitkothariusa/GroceryGenius/tree/main/.claude/skills/grocerygenius-ui
Command: npx skills add https://github.com/smitkothariusa/GroceryGenius --skill grocerygenius-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires css, html, javascript, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows users to redesign the UI of the GroceryGenius application using the Bright Kitchen design system, enhancing the user experience and visual appeal.

Core Features & Use Cases

  • UI Redesign: Apply the Bright Kitchen design system to the GroceryGenius application.
  • Desktop and Mobile Customization: Customize the UI for both desktop and mobile interfaces.
  • Component Design: Modify various UI components like navigation, buttons, and cards.

Quick Start

To begin the UI redesign, run the grocerygenius-ui skill with the command: grocerygenius-ui start.

Frequently Asked Questions about grocerygenius-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I redesign my app UI using a custom design system?▼

To redesign your app UI using a custom design system, this Skill applies the Bright Kitchen color palette, typography, and component specifications to enhance visual aesthetics and user interaction across your application interface.

Can I customize my application interface for both desktop and mobile?▼

Yes, you can customize your application interface for both desktop and mobile. The UI redesign supports responsive component modifications for navigation, buttons, and cards to ensure visual consistency across different device types.

Do I need HTML, CSS, and JavaScript to apply a UI design system?▼

Yes, you need HTML, CSS, and JavaScript dependencies to apply a UI design system. These front-end technologies are required to implement the Bright Kitchen component specifications and execute the visual redesign process.

What is the best way to start a UI redesign project?▼

The best way to start a UI redesign project is by running the initialization command provided by the Skill. This action sets up the environment to begin applying your chosen design system specifications to your application's components.

What UI components can I modify during a design system application?▼

During a design system application, you can modify various UI components including navigation elements, buttons, and cards. The redesign process requires strict adherence to the specified color palette and typography guidelines.

Related Skills

Explore More Design & Creative Skills→
srivtxsrivtx

claude-design

Create HTML artifacts through a structured design process with iterative refinement.

Community
Advanced
mmsu-pawpatrolmmsu-pawpatrol
2

web-design-guidelines

Analyze HTML, CSS, and JavaScript files for design and accessibility standard violations.

Official
Intermediate
darasobadarasoba
1

design-engineer

Guide user interface creation with motion design and interaction feedback.

Community
Advanced
joeseesunjoeseesun
476

qiaomu-design

Enforce anti-pattern bans and design system discipline for web interface redesigns.

Community
Advanced