create-setting-item

What problem does it solve?

This Skill streamlines the process of adding new configuration options and features to the Project Graph application by guiding users through the necessary code and configuration changes.

Core Features & Use Cases

• Guided Schema Definition: Learn how to define new settings using Zod types in Settings.tsx.
• Icon Integration: Understand how to associate icons with new settings in SettingsIcons.tsx.
• Localization Support: Add translated text for new settings across multiple languages.
• Categorization: Organize new settings within the application's settings UI by adding them to relevant groups in settings.tsx.
• UI Component Usage: Learn how to use the SettingField component for rendering settings.
• Accessing Settings: Understand how to read, write, and watch setting values in your code.
• Use Case: A developer needs to add a new feature flag for a beta feature. This skill will guide them through defining the flag in the schema, adding a UI element, localizing its text, and placing it in the correct category within the settings menu.

Quick Start

Follow the steps in this skill to add a new setting item to the Project Graph application.