packtpublishing/claude---master-claude-cowork-claude-code-skills-plugins/nightform-design-system
Claude Code and agent skill by packtpublishing/claude---master-claude-cowork-claude-code-skills-plugins
- community
Checking that the SKILL.md file is still in the repository.
Use this skill to generate well-branded interfaces and assets for Nightform, a sleep recovery wearable for serious athletes. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping the Nightform Protocol app and marketing surfaces.
Install
npx vskill@latest install packtpublishing/claude---master-claude-cowork-claude-code-skills-plugins/nightform-design-systemSKILL.md
Read the README.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts _or_ production code, depending on the need.
Quick reference
Colors: Midnight #0A0E1A · Halo #8FAFC8 · Moonlight #EDE8DC · Smoke #E4E0D8 Semantic: Recovered #8FAFC8 · Caution #C4A250 · Strain #A85550 Fonts: Fraunces Light 300 (display) · Söhne/DM Sans (body) · JetBrains Mono (numbers) Borders: 0.5px hairline only — no drop shadows, ever Radius: 0–6px max — no pill shapes Voice: Direct, certain, cold. No encouragement. No hedging. No emoji. Casing: Brand name lowercase always (nightform) · UI targets ALL CAPS (TRAIN HARD)
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingNightform+Design+System/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/packtpublishing/claude---master-claude-cowork-claude-code-skills-plugins/nightform-design-system)