skills.rest
ZhgChgLi
ZhgChgLiOFFICIAL
Explore all skills by this author →
Website𝕏@zhgchgliGitHub

linkyee-style-designer

Generate linkyee-compatible theme directories with HTML, CSS, and scripts.js.

166|33|Updated Oct 24, 2024
Search Tags:#accessibility#responsive design#theme generation#dark mode#GitHub Pages#linktree alternative#Liquid templates
One-click install
npx skills add https://github.com/ZhgChgLi/linkyee --skill linkyee-style-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: linkyee-style-designer
Source: https://github.com/ZhgChgLi/linkyee/tree/main/.claude/skills/linkyee-style-designer
Command: npx skills add https://github.com/ZhgChgLi/linkyee --skill linkyee-style-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bundle exec ruby ./scaffold.rb, cp, ./preview.sh.

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.js reference 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.

Frequently Asked Questions about linkyee-style-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a custom theme for a linkyee static site?▼

To generate a custom linkyee theme, provide a design brief describing your desired visual style. The skill outputs a complete themes directory with index.html, styles.css, and scripts.js while preserving required Liquid variables and meta tags.

What accessibility standards does linkyee theme generation enforce?▼

Linkyee theme generation enforces WCAG AA contrast expectations and focus-visible accessibility states. It also requires dark-mode auto-switching support and responsive mobile-first layouts to prevent horizontal overflow.

Can I redesign linkyee HTML and CSS without breaking Liquid templates?▼

Yes, you can redesign linkyee HTML and CSS without breaking Liquid templates. The generated theme respects the output contract by preserving Liquid variables, SEO meta tags, Font Awesome loading, and GA guard logic for reliable builds.

Does linkyee theme generation support dark mode auto-switching?▼

Yes, linkyee theme generation supports dark mode auto-switching. It is a required quality guardrail enforced during the theme generation process to ensure your static site adapts correctly to user system preferences.

What is the best Linktree alternative for GitHub Pages with custom themes?▼

Linkyee is a Linktree alternative for GitHub Pages that supports custom theme generation. You provide a style direction, and it generates an accessible, responsive theme directory that builds reliably with Liquid templates.

Why does my linkyee theme build fail after editing HTML?▼

Your linkyee theme build may fail if required Liquid variables, SEO meta tags, or the scripts.js reference are removed during HTML edits. The generation skill preserves these contract hooks to prevent build failures.

Related Skills

Explore More Design & Creative Skills→
ZhgChgLiZhgChgLi
166

linkyee-plugin-builder

Generate and wire Ruby/Liquid plugins for linkyee build-time data.

Official
Advanced
Happy-HorizonHappy-Horizon

hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2.

Official
Intermediate
markus41markus41
12

Power Pages Development

Build external-facing Power Pages sites exposing Dataverse data via Liquid templates.

Community
Advanced
markshd12-cloudmarkshd12-cloud

tailwind-css-v4

Configure Tailwind CSS v4.2 with theme variables and responsive design.

Community
Intermediate