Skip to content
cccskills
FreePublished on GitHub

neo-glow-control-board

Apply or adapt a dual-theme neo-glow control board for UI kits, design-system previews, settings surfaces, admin panels, control rooms, and dense operational interfaces. Use when Codex should build or restyle interface work with bright white or dark control surfaces, compact neumorphic cards, vertical icon rails, blue/cyan halo accents, glowing active states, luminous toggles, and a board focused on control states, inputs, and specification details.

The English summary is being prepared. Showing the original description.

Dezoff-max/codex-ui-board-skills
See how to install

Files included (10)

  • SKILL.md2.7 KB
  • agents/openai.yaml236 B
  • assets/inspiration-board.jpg80.0 KB
  • assets/neo-glow-control-board-dark.png501.6 KB
  • assets/neo-glow-control-board-light.png543.0 KB
  • references/NeoGlowControlBoard.css14.4 KB
  • references/NeoGlowControlBoard.tokens.json3.2 KB
  • references/preview.html10.5 KB
  • references/tailwind.preset.cjs1.3 KB
  • references/usage.md1.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Neo Glow Control Board

Use this skill to build or restyle interfaces in a luminous control-board style derived from soft-neumorphic surfaces plus bright blue glow states. Keep the system dense, technical, tactile, and state-driven.

Workflow

  1. Read references/usage.md first.
  2. Load only the files needed for the task:
    • references/NeoGlowControlBoard.tokens.json for semantic token values
    • references/NeoGlowControlBoard.css for component and glow behavior
    • references/tailwind.preset.cjs when the host project uses Tailwind
    • references/preview.html when you need the full board or screenshot-safe capture behavior
  3. Decide whether the task needs:
    • token remapping
    • component restyling
    • a full control-board or design-system preview
  4. Keep active states luminous and neutral states quiet.
  5. Verify that glow is concentrated on meaningful controls instead of flooding the whole screen.

Non-Negotiables

  • Keep the base interface calm and pale or dark-neutral; reserve blue/cyan glow for active and highlighted states.
  • Use glow as an intentional signal, not background decoration.
  • Maintain compact, control-heavy layout with clear component groupings.
  • Keep rails, cards, inputs, toggles, and chips within the same material family.
  • Do not mix this style with colorful dashboard mosaics, glassmorphism, or heavy gradient backgrounds.

Component Rules

Foundations

  • Surfaces should feel soft, compact, and slightly technical.
  • Border radius should stay generous but not overly playful.

Controls

  • Buttons, toggles, sliders, selects, and focused inputs should carry the strongest glow behavior.
  • Focus rings should remain visible and deliberate.

Rails and Navigation

  • Side icon rails should feel like control strips, not consumer app sidebars.
  • Active rail items may glow more strongly than secondary items.

Specs and States

  • The board should document behavior as much as appearance.
  • Include checklists, state chips, and grouped control samples when useful.

Deliverables

  • Provide both light and dark themes unless the user explicitly asks for one theme only.
  • Prefer shareable preview pages with screenshot-safe capture mode.
  • Keep the resulting kit suitable for handoff to frontend developers or designers.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

dual-theme-spec-board

Free

Apply or adapt a complete dual-theme UI specification board for product interfaces. Use when Codex should build or restyle dashboard, admin, workspace, settings, or system UI with both light and dark themes, shared semantic tokens, structured component states, and a full preview board covering foundations, controls, navigation, data display, and feedback patterns.

The English summary is being prepared. Showing the original description.

Dezoff-max/codex-ui-board-skills15Updated Jun 10, 2026

liquid-glass-aurora-board

Free

Apply or adapt a dual-theme liquid glass UI board for premium dashboards, workspace launchers, settings surfaces, design-system previews, and glossy interface concepts. Use when Codex should build or restyle interface work with frosted translucent panels, aurora glow accents, pill controls, circular glass actions, blurred color blooms, and a polished light-plus-dark material system.

The English summary is being prepared. Showing the original description.

Dezoff-max/codex-ui-board-skills15Updated Jun 10, 2026

soft-neumorphic-dual-theme-board

Free

Apply or adapt a dual-theme soft-neumorphic UI board for dashboards, workspaces, settings panels, admin tools, and design-system previews. Use when Codex should build or restyle interface work in a tactile soft-neumorphic style with both light and dark themes, shared semantic tokens, large radii, raised surfaces, inset fields, restrained accent states, and a complete preview board covering foundations, controls, navigation, data display, and feedback.

The English summary is being prepared. Showing the original description.

Dezoff-max/codex-ui-board-skills15Updated Jun 10, 2026

See all skills by Dezoff-max

Report a problem with this skill