linkyee-style-designer
OfficialGenerate an accessible custom theme for linkyee.
Design & Creative#accessibility#responsive design#theme generation#dark mode#GitHub Pages#linktree alternative#Liquid templates
AuthorZhgChgLi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps you create a high-quality, themeable look for your linkyee page without breaking required Liquid/HTML structure or common accessibility and responsiveness standards.
Core Features & Use Cases
- Theme generation from a brief: designs and produces a complete
themes/<new-theme>/directory (HTML template, CSS, and required assets wiring) based on your style direction. - linkyee-compatible output contract: preserves required Liquid variables, SEO/Twitter/OG meta tags, Font Awesome loading, GA guard logic, and the
scripts.jsreference so your theme builds reliably. - Quality guardrails for real-world viewing: enforces dark-mode auto-switching, WCAG AA contrast expectations, focus-visible accessibility, and responsive mobile-first layout to avoid horizontal overflow and broken typography.
Quick Start
Describe the vibe you want for your link list page (for example “Swiss minimal with a single accent color, crisp borders, and readable dark mode”), and ask the skill to generate a new linkyee theme, wire it into your config.yml, and verify it with a successful build.
Dependency Matrix
Required Modules
bundle exec ruby ./scaffold.rbcp./preview.sh
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: linkyee-style-designer Download link: https://github.com/ZhgChgLi/linkyee/archive/main.zip#linkyee-style-designer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.