Ground design tasks in brand context with upfront fact verification.
npx skills add https://github.com/jiji262/claude-design-skill --skill claude-design-jiji262
Please help me install this Agent Skill. Skill: claude-design Source: https://github.com/jiji262/claude-design-skill/tree/main Command: npx skills add https://github.com/jiji262/claude-design-skill --skill claude-design-jiji262
Claude prompts often produce generic interfaces or mismatched contexts. This Skill grounds design output by forcing real brand context, upfront fact verification, and structured asset gathering, so Claude can craft high-fidelity HTML artifacts that align with a brand's identity.
Load the SKILL.md and start a design task (e.g., a deck or landing page) immediately.
High-intent search queries and answers about installing and using this skill.
To turn design briefs into high-fidelity HTML outputs, use a structured workflow that gathers brand assets and verifies context upfront. This skill coordinates a five-step Core Asset Protocol to collect logos, colors, and fonts before generating production-ready HTML artifacts.
AI-generated interface design looks generic when prompts lack real brand context and fact verification. Forcing upfront brand-spec recording and structured asset gathering ensures Claude crafts authentic, high-fidelity artifacts that align with a brand's identity.
The best way to enforce brand consistency in HTML design generation is applying a Core Asset Protocol. This collects product shots, UI screenshots, and specific colors and fonts, ensuring the output reads as authentic brand work rather than generic AI slop.
To handle vague design briefs when generating HTML interfaces, use a Design Direction Advisor to propose three distinct directions drawn from a library of design philosophies. You can then select a direction and iterate before producing the final high-fidelity output.
Yes, you can create interactive prototypes and wireframes using HTML design templates. This skill provides output-format playbooks with skeletons for design canvases, slides, timelines, and wireframes, complete with clear constraints and gotchas for deterministic loading.
To avoid AI slop patterns like gradient backgrounds and emoji bullets in generated HTML designs, enforce a safe design discipline. This skill establishes a coherent visual system by grounding outputs in real brand context and structured asset pipelines.
MicrockExtract text and tables from PDF files with pdfplumber.
heysuhasGenerate self-contained HTML design artifacts for landing pages and prototypes.
bryanvillamilpragmaApply responsive design rules to UI components for cross-device compatibility.
MMA-Marketing-ProApply structured design engineering principles to React and Next.js frontend interfaces.
