Generate craft-driven interface designs from intent and domain exploration.
npx skills add https://github.com/kimmyxpow/focus --skill interface-design-kimmyxpow
Please help me install this Agent Skill. Skill: interface-design Source: https://github.com/kimmyxpow/focus/tree/main/.claude/skills/interface-design Command: npx skills add https://github.com/kimmyxpow/focus --skill interface-design-kimmyxpow
This skill provides a framework and disciplined approach for crafting high-quality interfaces—dashboards, admin panels, apps, and data tools—by anchoring design decisions in intent, domain context, and systemic principles. It helps teams move away from templated outputs and toward craft-driven interfaces that communicate clear structure and meaning. It also outlines a precise workflow for producing repeatable, distinctive designs.
Create a design brief for a new admin panel by detailing the domain concepts, color world, a signature element, and three default patterns, then apply the Mandate checks to ensure craft and distinctiveness.
High-intent search queries and answers about installing and using this skill.
To design a dashboard that avoids generic templates, use an intent-first approach by articulating clear goals, defining domain concepts, and establishing a unique signature element to differentiate your SaaS interface from standard outputs.
An intent-first design process for SaaS apps anchors visual decisions in specific human goals and domain context, moving away from templated outputs toward systemic, craft-driven interfaces with clear structure and meaning.
Create a design brief for an admin panel by detailing domain concepts, color world, a unique signature element, and three default patterns, then apply Mandate checks to ensure craft and distinctiveness.
Yes, you can apply a systemic design approach to data interfaces and tools by enforcing consistent spacing, typography, color semantics, and component consistency to communicate clear structure across the product.
The core outputs needed for domain exploration in interface design are Domain concepts, Color world, Signature elements, and Defaults, which ground the design in the product's specific world and context.
Ethical-AI-SyndicateDesign product health dashboards with KPIs, visualizations, and alert thresholds.
dev-mirzabicerTranslate design briefs into production-ready frontend UI components.
launchapp-devDefine typography, color tokens, spacing, and navigation for dashboard interfaces.
Yoriichi-DangGenerate Tailwind CSS UI patterns for dashboards, landing pages, and admin panels.
