Define Energetic design-system guidelines with token-first accessibility constraints and QA checklists.
npx skills add https://github.com/PiercingXX/xx-stack --skill energetic
Please help me install this Agent Skill. Skill: energetic Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/energetic Command: npx skills add https://github.com/PiercingXX/xx-stack --skill energetic
Energetic turns a visual design direction into consistent, implementation-ready rules so teams can build UI that matches the Energetic aesthetic without guesswork or accessibility regressions.
Ask the AI to generate Energetic design-system rules for your button and card components using the required output structure and including explicit default, hover, focus-visible, active, disabled, loading, and error states.
High-intent search queries and answers about installing and using this skill.
To write design system guidelines for a vibrant UI with thick borders, define token-first rules for typography, color palettes, and geometric component anatomy. This ensures expressive interfaces ship consistently without accessibility regressions by enforcing testable contrast constraints.
A token-first approach for documenting UI component states maps foundational design elements like Energetic orange palettes and 4px borders directly to explicit interaction states. It requires defining default, hover, focus-visible, active, disabled, loading, and error states using structured, testable accessibility constraints.
Generate do and don't anti-patterns for high-contrast design tokens by authoring component rules within a structured output format. Include explicit interaction-state definitions and review-friendly QA checklists to prevent weak contrast and inconsistent UI implementation.
No, this design system authoring workflow does not require specific geometric UI components. It applies to any component rule authoring for interfaces needing expressive typography, high-contrast colors, and motion guidance, such as buttons and cards.
The best way to enforce accessibility constraints in design token documentation is to require testable acceptance criteria within a structured output format. Authoring rules with explicit do and don't anti-patterns and a QA checklist prevents accessibility regressions during implementation.
AshesOfTheUndeadDefine semantic tokens for dithered dot-pattern UI components.
muzhicaomingwangTranslate UX concepts into wireframe-level UI specifications with design tokens and accessibility checklists.
compozyApply Tailwind CSS v4 design tokens and responsive utilities to UI components.
AshesOfTheUndeadProvide design-system guidelines for implementing a dark aesthetic in Roblox UI development.
