Create fantasy-themed design-system rules using typography, spacing, and color tokens.
npx skills add https://github.com/PiercingXX/xx-stack --skill fantasy
Please help me install this Agent Skill. Skill: fantasy Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/fantasy Command: npx skills add https://github.com/PiercingXX/xx-stack --skill fantasy
It turns a fantasy-inspired aesthetic into clear, implementation-ready design-system guidance so teams stop guessing and build consistent UI.
Ask the AI to generate fantasy design-system component guidance that follows the provided tokens and includes required interaction states, accessibility acceptance criteria, and a code-review QA checklist.
High-intent search queries and answers about installing and using this skill.
To create a fantasy-themed design system, you need predefined typography, spacing, and color tokens combined with component guidelines covering interaction states and responsive behavior. This ensures visual language coherence while satisfying implementation requirements for engineering teams.
Semantic token usage in UI component guidelines refers to enforcing standardized typography and color values, such as primary #0250CC and secondary #FDC800, to maintain consistent visual language across fantasy-themed design systems without hardcoding values.
Accessibility acceptance criteria in a design system must enforce WCAG 2.2 AA compliance, keyboard-first interaction considerations, and visible focus states. This prevents visually appealing fantasy themes from becoming unusable for people relying on assistive technologies.
Yes, the design system guidance covers empty and overflow cases alongside standard interaction states and responsive behavior. It provides opinionated do and don't workflow steps to document edge cases and anti-patterns for UI components.
Yes, you can generate a testable QA checklist for UI component code reviews using a must and should rule structure. This checklist validates semantic token usage, accessibility requirements, and interaction states during the development workflow.
The best way to document anti-patterns in a fantasy design system is to provide opinionated do and don't guidance within component rules. This includes workflow steps for authoring guidelines that explicitly state what to avoid during implementation.
ArogyaReddyDefine typography, color, spacing, and iconography design tokens for web and mobile UI.
AshesOfTheUndeadGenerate neobrutalism design tokens and component rules for web or game UI.
sigmadigitalzaAudit web frontends for WCAG 2.2 AA conformance with static and live checks.
superpollo02Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.
