hmnm-project

Defines hmnm project's coding conventions, design tokens and file structure for contributors.

Updated Apr 5, 2026

Search Tags:#frontend #react #conventions #tokens #mui #design-system

Ready to run

npx skills add https://github.com/minh1609/hmnm --skill hmnm-project

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hmnm-project
Source: https://github.com/minh1609/hmnm/tree/main/.cursor/skills/hmnm-project
Command: npx skills add https://github.com/minh1609/hmnm --skill hmnm-project

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams understand and apply consistent domain knowledge, design tokens, project structure, and implementation conventions for the hmnm dating progress app, enabling faster onboarding and fewer integration issues.

Core Features & Use Cases

Design system guidance and brand language alignment for src/ data/ and theme implementations.
Tokens, typography, color palettes, and configuration patterns documented for consistent UI across pages and components.
Use Case: A new contributor adds a theme token or a new screen following the documented structure and naming conventions.

Quick Start

Review this Skill to align your contributions with the hmnm project's design system and coding conventions.

Frequently Asked Questions about hmnm-project

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

FAQPage Schema

How do I structure React components and theme tokens for a dating app frontend?▼

To structure React components and theme tokens for a dating app frontend, use the documented file structure and configuration patterns. This ensures consistent UI typography, color palettes, and component alignment across pages and components.

What are design tokens in MUI and when do I need them for frontend conventions?▼

Design tokens in MUI are predefined configuration patterns for typography, color palettes, and theme implementations. You need them when extending active profile data or adding new screens to ensure consistent UI and brand language alignment across the project.

How to onboard new contributors to an existing React design system?▼

To onboard new contributors to a React design system, provide clear domain knowledge and coding conventions. This guide enumerates required file structure, token usage, and extension rules to help teams apply consistent design patterns and reduce integration issues.

Does this React frontend convention guide support extending active profile data?▼

Yes, this React frontend convention guide supports extending active profile data. It explicitly enumerates how to extend the active profile data while maintaining the required file structure and design token usage for the dating progress app.

What is the best way to add a new screen following MUI design system conventions?▼

The best way to add a new screen following MUI design system conventions is to review the documented structure and naming conventions. Aligning your contributions with the specified token usage and file structure ensures fewer integration issues and consistent brand language.