dark-tech-style
Generate dark technical pages from a consistent visual token system
Generate dark technical pages from a consistent visual token system
dark-tech-style gives Claude a fixed visual language for architecture pages, dashboards, roadmaps, technical landing pages, and one-pagers. It includes four dark background levels, seven accent colors with dim variants, typography and spacing tokens, a glassy navigation treatment, and 14 component classes, plus starter HTML and demos. The skill emphasizes one accent per section, background-only dim colors, and token-based styling instead of hardcoded hex values.
Resource types
Use cases
Platforms
Build scroll-driven 3D websites from tested templates and reusable creative-development patterns.
Preview visual directions first, then let Claude build the selected website.
Capabilities
Audience
Public GitHub facts last synced Jul 10, 2026.
Replicate a mobile UI screenshot as an interactive, styled HTML demo.
Create and maintain Storybook stories for React, Vue, and Svelte components.