Establish and document intentional visual direction for digital artifacts.
npx skills add https://github.com/lolwierd/dotfiles --skill design-lolwierd
Please help me install this Agent Skill. Skill: design Source: https://github.com/lolwierd/dotfiles/tree/main/ai/dot-agents/skills/design Command: npx skills add https://github.com/lolwierd/dotfiles --skill design-lolwierd
Visual design is often driven by trend or habit, producing surface-level polish without a clear reason or context. This Skill provides a disciplined approach to establishing and sustaining intentional visual direction across projects, ensuring every choice has purpose and meaning.
Provide a complete design concept brief for a project, detailing the concept, hook, typography choices, color rationale, layout structure, and trade-off notes, plus a DESIGN.md to capture the rationale.
High-intent search queries and answers about installing and using this skill.
Intentional visual direction requires defining a guiding concept, memorable hook, typography rationale, color rationale, and layout structure to steer concept-to-craft design decisions with purpose. This approach prevents surface-level polish driven by habit without clear context.
Documenting design rationale is best achieved by generating a DESIGN.md file that records reasoning, trade-offs, and rejected options for visual decisions. This artifact guides teams through intentional choices made from mood to typography and color.
Yes, you can use this design framework for digital dashboards and printed materials. The system adapts visual direction to project goals, audience, and medium, balancing aesthetics with usability across interfaces, presentations, and physical artifacts.
Visual design lacks intentionality when choices are driven by trend or habit rather than a disciplined framework. Establishing a guiding concept, hook, and rationale for typography and color ensures every choice has purpose and meaning tailored to context.
Structuring a design concept brief involves detailing the guiding concept, memorable hook, typography strategy, color rationale, layout structure, and trade-off notes. This framework steers decisions and balances aesthetics with usability for the target audience.
You should not use a trend-driven approach when a project requires context-driven decision making. Applying a disciplined framework ensures typography and color choices have purpose, producing intentional visuals rather than surface-level polish without clear reasoning.
soeirooCreate structured design briefs with problem statements, audience, constraints, and success criteria.
kanade0404Plan software structure and document rejected alternatives for ADR handoff.
103492-MaxPaardekamApply Anthropic brand colors and typography to design assets.
seanchiuaiGenerate production-ready HTML/CSS/JS frontend interfaces with bold aesthetic direction.
