Menu
Guidelines for creating and modifying UI components and styles in nhl-recap.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
General code style, development workflow, and build/quality tools for nhl-recap.
Guidelines for git usage and commit messages in nhl-recap.
Guidelines for triggering and managing deployments using GitHub Actions and local scripts.
Guidelines for API integration, environment variables, mocking, and utilities in nhl-recap.
Guidelines for documentation standards and project-specific README files in nhl-recap.
Guidelines for Service Worker and PWA functionality in nhl-recap.
| name | ui-development |
| description | Guidelines for creating and modifying UI components and styles in nhl-recap. |
This skill provides guidance on working with the Cycle.js based UI and SASS styles in the nhl-recap project.
The component gallery is a development tool for viewing components in different states.
gallery/ directoryapp/src/components/..scss file in the same directory (or app/src/styles/ if global).*.spec.ts file.app/src/styles/.app/src/styles/.npm run lint (or specifically npm run lint:css) to verify your changes.