Generate a website design language from reference sites and brand guidelines.
npx skills add https://github.com/dxxx/Bot-OS --skill design-language-dxxx
Please help me install this Agent Skill. Skill: design-language Source: https://github.com/dxxx/Bot-OS/tree/main/skills/design-language Command: npx skills add https://github.com/dxxx/Bot-OS --skill design-language-dxxx
This Skill streamlines the process of creating original design languages for web projects, helping you avoid plagiarism and establish a coherent brand identity.
Utilize the 'design-language' skill by triggering it with "create a design language for my website".
High-intent search queries and answers about installing and using this skill.
To create a website design language, input competitor and inspiration URLs along with brand guidelines. The skill analyzes these references to synthesize an original system with typography, colors, and layout rules.
A generated design language system includes typography, color schemes, layout guidelines, component standards, motion design principles, and build-ready tokens for immediate implementation.
Yes, you can use this skill for website redesigns and brand development. It establishes a coherent brand identity and generates custom design systems aligned with audience needs.
Avoid plagiarism by using the skill's teardown and synthesis phases to break down existing websites. It extracts design directions to propose an original, coherent brand identity.
Yes, the skill optionally creates visual mockups. This provides optional proof to visualize the proposed design language, including its typography and component standards, in action.
Yes, providing brand guidelines is required. The skill uses these guidelines alongside reference URLs to generate custom component standards and build-ready design tokens.
truchotDefine visual identity, brand language, and governance for projects.
mchien15Convert design references into reusable HTML/CSS/JS components and design tokens.
mohamed161001Enforce AttoSet brand guidelines for UI, components, and content.
desduvauchelleGenerate brand identity and design guidelines for website redesigns.
