Design Taste Frontend for Claude Code: Plan and Build a Service Landing Page
Design Taste Frontend turns a business brief into a themed website and provides project checks through the skill's bundled gate.
中文Setup for Claude Code
Claude Code with Node.js and access to the complete pinned skill folders. The gate uses bundled scripts and Claude Code hooks. Any stack and browser checks depend on the chosen site.
- Copy the entire pinned skills/taste-skill folder into .claude/skills/design-taste-frontend/; keep the scripts and references from the same revision.
- Review the bundled hook and scripts before starting Claude Code inside a writable scratch project.
- Invoke /design-taste-frontend with a business brief, device widths, and an explicit main visitor action.
Example task
Ask for a one-page website for a fictional bicycle repair shop, with a services list, hours, and a single Book a Repair action. Define success at 360 and 1440 pixels and request the skill's checks before handoff.Expected result
The landing page makes booking easy to find on both widths, uses real content from the brief, and reports the results of the configured checks in the scratch project.
Upstream documentation
Original SKILL.md on GitHub · MIT license · Source reviewed
Frequently asked question
Can I install only SKILL.md?
The complete folder supplies the scripts and references the design and gate workflows use.