A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundation --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .claude/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .claude/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundationType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .agents/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .agents/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .cursor/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .cursor/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/lumose-health/GlycemicGPT.git --path .agents/skills/glycemicgpt-ui-foundation--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .gemini/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .gemini/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundationInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .github/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .github/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install lumose-health/GlycemicGPT glycemicgpt-ui-foundation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/lumose-health/GlycemicGPT.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/glycemicgpt-ui-foundation .opencode/skills/glycemicgpt-ui-foundation && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "glycemicgpt-ui-foundation" agent skill from https://github.com/lumose-health/GlycemicGPT/tree/main/.agents/skills/glycemicgpt-ui-foundation into .opencode/skills/glycemicgpt-ui-foundation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "glycemicgpt-ui-foundation", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
glycemicgpt-ui-foundationA skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…
Glycemicgpt UI Foundation is an agent skill from lumose-health/GlycemicGPT. Use when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput fields, Zod form validation, validation error interactions, icons, or color accessibility in apps/web.
Its SKILL.md is about 710 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Forms and validation, Frontend development and Design tokens. It works with Zod and Tailwind CSS. The repository describes itself as: Because no one should manage diabetes alone 💙. The licence is GPL-3.0.
3 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit d1a9adb. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Glycemicgpt UI Foundation loads about 707 tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 328 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from lumose-health/GlycemicGPT at commit d1a9adb, republished under its GPL-3.0 licence (© lumose-health). 328 words, ~707 tokens.
.claude/skills/glycemicgpt-ui-foundation/SKILL.md (or your agent's skills folder).Use this skill as a router to the canonical web UI foundation documentation.
Before acting, read:
docs/dev/web-ui-foundation.mddocs/dev/color-accessibility.md when changing text, surface, border, focus, status, accent, or signal color pairingsAGENTS.md, especially Text Inputs And Validation, when changing redesigned form fields, validation, or error behaviorFollow the ownership rules, component rules, and verification commands in docs/dev/web-ui-foundation.md.
Use the shared TextInput for redesigned form fields. Define validation in feature local Zod schemas and pass validation messages into the component. Treat the component and its tests as the source of truth for detailed behavior.
Use the shared LumoseLoadingLogo for content loading states. Keep compact spinners for progress inside buttons.
AppShell is fixed to the viewport and owns outer overflow. DashboardLayout owns the only vertical page scroller. Do not add h-screen or min-h-screen to authenticated V2 pages or nested page components. Fixed overlays are the exception because they do not participate in page layout.
Reuse the shared Pagination so page changes reset the persistent dashboard scroller. Do not add a second page scroller or document level scrolling inside the authenticated V2 shell.
Use ConfirmationProvider and useConfirmation from apps/web/src/compositions/ConfirmationProvider for confirmation popups anywhere in the web app. Prefer the shared promise based confirm function over window.confirm, direct confirm calls, or page specific overlays.
AppShell already mounts the provider for the authenticated redesigned app. Mount it at the relevant shell boundary before using the hook on a surface outside AppShell.
Provide a clear title, description, confirm label, and the appropriate default or destructive tone. Await the returned boolean before performing the side effect. Preserve the shared overlay's focus management, Escape handling, backdrop cancellation, scroll locking, semantic styling, and accessible alert dialog behavior.
Use twMerge from apps/web/src/lib/ui/twMerge.ts for dynamic class composition in redesigned UI. Do not import or call clsx, classnames, or tailwind-merge directly in components. The local wrapper is the only component level class composition utility.
© lumose-health, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .agents/skills/glycemicgpt-ui-foundation of lumose-health/GlycemicGPT.
Open the folder on GitHubat commit d1a9adb
Glycemicgpt UI Foundation next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Glycemicgpt UI Foundation this skilllumose-health/GlycemicGPT | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | |
| Using Ouds Web Version Major MinorOrange-OpenSource/Orange-Boosted-Bootstrap | 222 | — | ~4.2k | Automated safety check: Pass | MIT | |
| Design Token Generatordylanfeltus/skills | 179 | — | ~2.9k | Automated safety check: Pass | MIT | |
| Frontend UI Foundryjiushiwon/wg-skills | 114 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Web Frontendlatitude-dev/latitude-llm | 4.7k | — | ~5.2k | Automated safety check: Pass | MIT | |
| MCP Developmentcoollabsio/coolify | 63k | 1 repos | ~949 | Automated safety check: Pass | MIT |
Orange-OpenSource/Orange-Boosted-Bootstrap
Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.
dylanfeltus/skills
Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.
jiushiwon/wg-skills
A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…
latitude-dev/latitude-llm
apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…
coollabsio/coolify
A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.
Manavarya09/design-extract
Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.
lumose-health/GlycemicGPT
Understand and safely modify the GlycemicGPT development only MSW web mock API.
lumose-health/GlycemicGPT
A skill your agent uses when the user wants to benchmark, evaluate, or vet an LLM/AI model for GlycemicGPT — checks a configured model for safety/correctness and performance against the project's…
Works with
Categories
A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…. Glycemicgpt UI Foundation is an agent skill from lumose-health/GlycemicGPT. Use when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput fields, Zod form validation, validation error interactions, icons, or color accessibility in apps/web.
Glycemicgpt UI Foundation fits situations like: changing GlycemicGPT web UI structure; tailwind classes; semantic theme tokens; base primitives.
Run `npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a claude-code`. Or copy the skill folder (.agents/skills/glycemicgpt-ui-foundation in lumose-health/GlycemicGPT) into .claude/skills/glycemicgpt-ui-foundation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a codex`. Or copy the skill folder (.agents/skills/glycemicgpt-ui-foundation in lumose-health/GlycemicGPT) into .agents/skills/glycemicgpt-ui-foundation in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add lumose-health/GlycemicGPT --skill glycemicgpt-ui-foundation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/glycemicgpt-ui-foundation, .gemini/skills/glycemicgpt-ui-foundation, .github/skills/glycemicgpt-ui-foundation and .opencode/skills/glycemicgpt-ui-foundation in your project.
SKILL.md names no scripts, command-line tools or credentials: Glycemicgpt UI Foundation is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Glycemicgpt UI Foundation is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 707 tokens (SKILL.md is roughly 2.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Glycemicgpt UI Foundation: Using Ouds Web Version Major Minor (Orange-OpenSource/Orange-Boosted-Bootstrap, 222 stars), Design Token Generator (dylanfeltus/skills, 179 stars), Frontend UI Foundry (jiushiwon/wg-skills, 114 stars) and Web Frontend (latitude-dev/latitude-llm, 4.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
lumose-health (a GitHub organization) maintains it in lumose-health/GlycemicGPT, which has 141 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on October 8, 2026.
Source: lumose-health/GlycemicGPT on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.
