Claude Code frontend design skills: Taste Skill and Logo Design

Two SkillGild skills cover most design jobs a coding agent gets asked to do: Taste Skill for landing pages and interfaces, and Logo Design for brand marks. Both give your agent a method, not a finished design. This guide shows what each one does, what to put in the brief and how to review the result.

#What a design skill changes

Without guidance, an agent tends to produce a competent but generic layout. A design skill narrows that: it tells the agent which decisions to make first, which defaults to avoid and which checks to run. It does not replace your judgment about brand, audience or accessibility.

#Taste Skill for landing pages and interfaces

Upstream, Taste Skill is a set of portable instructions that aims to lift AI-generated interfaces above generic output. According to its repository, it reads your design brief, infers a design language and adjusts three settings: layout variance, motion intensity and visual density. It describes hard rules against repetitive patterns and canonical animation code skeletons, and needs no special dependencies. Details were checked on October 4, 2026; read the Taste Skill listing for the hosted version's inputs.

Give it:

• The existing app or page, or the framework you want.
• The audience and the one action the page should drive.
• Constraints: routes to keep, brand colors, accessibility needs.
• Taste: two or three references you like, and what you dislike.

A brief that works:

Use the SkillGild Taste Skill to redesign this landing page for independent
consultants. Keep existing routes and brand colors. The main action is
booking a call. Explain the design direction first, then implement it and
check the mobile layout.

#Logo Design for brand marks

Upstream, the logo skill follows stages: a discovery brief, concepting (many one-line ideas, three built as SVG), testing and refinement, and a checkpoint where it presents concepts and stops until you choose a direction. A full kit follows approval, with colour variations, lockups, presentation boards and guidelines. Its tests include 16 px readability and one-colour versions. Its repository includes a large reference library of third-party logos for reference only; that library is not part of the hosted listing, and you should not copy any real brand's mark. See the Logo Design listing.

Give it:

• The name, what the business does and who it serves.
• Words that describe the feel, and words that do not.
• Where the mark will appear, including the smallest size.
• Colour limits, such as one-colour use.

Use the SkillGild Logo Design skill for a fictional neighborhood bakery
called Morning Loaf. Explore simple geometric marks that work in one color
and at 16 px. Show the concepts and checks and wait for my choice before
producing the full kit.

#Review the result

An agent can pass its own checks and still miss your standard. Review against your own list:

Run a trademark search before using any mark commercially. A skill's checks do not clear legal use.

#Set it up

Both skills use the same connection, as hybrid hosted skills. Follow how to install Claude Code skills, then:

skillgild install design-taste-frontend --agent claude-code
skillgild install logo-design --agent claude-code

Other clients use Codex, Cursor or Gemini CLI. We have not published a recorded authenticated run for either skill, and this guide makes no claim about design quality beyond what the upstream projects document.

#Next steps

See the free skills selection guide for the whole catalog, including video skills.