New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Taste

by EliasOulkadi in EliasOulkadi/shokunin

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

MITAuto-check passedFrontend & Design

Install Taste

skills CLI
$ npx skills add EliasOulkadi/shokunin --skill taste -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install EliasOulkadi/shokunin taste --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/EliasOulkadi/shokunin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.pack/skills/taste .claude/skills/taste && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
taste
GitHub stars
114
Token cost
~3.5k tokens
SKILL.md length
1,525 words
Files
1
Skills in repo
49
Repo updated
First seen
Licence
MIT

At a glance

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

  • Works in 9 steps: ACTIVE BASELINE CONFIGURATION → DEFAULT ARCHITECTURE & CONVENTIONS → DESIGN ENGINEERING DIRECTIVES (Bias… → …
  • Tasks that involve UI design
  • SKILL.md covers Authority References (shokunin…, 1. ACTIVE BASELINE CONFIGURATION, 2. DEFAULT ARCHITECTURE &… and 3. DESIGN ENGINEERING…, plus 5 more sections
  • Calls npm

What it does

Taste is an agent skill from EliasOulkadi/shokunin. Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, hardware-accelerated CSS, and balanced design engineering. By Leon Lin & blueemi. Multi-runtime improved by shokunin.

Its SKILL.md is about 3.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: opencode

It sits in Frontend & Design, covering UI design. It works with npm, Tailwind CSS and React. The repository describes itself as: 職人 Shokunin 62 AI agent skills for OpenCode, Claude Code, Cursor, Windsurf. ChromaDB memory, MCP servers, declarative self-updates. Multi-model, open source, zero cost. The licence is MIT.

When your agent uses it

  • Tasks that involve UI design

Example prompts

  • “/taste”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): opencode

Workflow steps

9 steps, taken from the step headings in SKILL.md.

  1. ACTIVE BASELINE CONFIGURATION
  2. DEFAULT ARCHITECTURE & CONVENTIONS
  3. DESIGN ENGINEERING DIRECTIVES (Bias Correction)
  4. CREATIVE PROACTIVITY (Anti-Slop Implementation)
  5. PERFORMANCE GUARDRAILS
  6. TECHNICAL REFERENCE (Dial Definitions)
  7. AI TELLS (Forbidden Patterns)
  8. THE CREATIVE ARSENAL (High-End Inspiration)
  9. PRE-FLIGHT CHECKLIST

What it can do on your machine

Read from SKILL.md and the folder at commit 4c68e5b. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    opencode

    From compatibility in the SKILL.md frontmatter.

Context cost

Taste loads about 3.5k tokens when it runs. Until then it costs about 67 tokens; SKILL.md has 1,525 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~67
When it runs · the whole SKILL.md, loaded when a task matches
~3.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from EliasOulkadi/shokunin at commit 4c68e5b, republished under its MIT licence (© EliasOulkadi). 1,525 words, ~3,529 tokens.

Download SKILL.mdSave it as .claude/skills/taste/SKILL.md (or your agent's skills folder).
name
taste
description
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, hardware-accelerated CSS, and balanced design engineering. By Leon Lin & blueemi. Multi-runtime improved by shokunin.
compatibility
opencode
triggers
- "taste" - "design taste" - "UI taste" - "design variance" - "anti-slop" - "creative arsenal" - "Leon Lin" - "design engineering"
negatives
- "animations" - "motion" - "components library" - "brand identity" - "premium agency design" -> use taste-soft - "minimalist editorial" -> use…
license
MIT (based on Leonxlnx/taste-skill)
metadata
version: "2.0.0" author: Leon Lin, blueemi, improved by shokunin source: https://github.com/Leonxlnx/taste-skill workflow: frontend audience: designers

High-Agency Frontend Skill

Authority References (shokunin improvement)

The rules in this skill are based on patterns observed across:

  • Linear, Vercel, Stripe, Notion — product UI
  • Apple Human Interface Guidelines
  • Material Design 3
  • Emil Kowalski's design engineering (Sonner, Vaul, animations.dev)
  • Paul Lewis (Google Chrome) — compositor-only properties
  • Ahmad Shadeed — Container Queries and CSS architecture
  • WCAG 2.2 — Accessibility guidelines
  • CSS Working Group — modern CSS features

1. ACTIVE BASELINE CONFIGURATION

  • DESIGN_VARIANCE: 8 (1=Perfect Symmetry, 10=Artsy Chaos)
  • MOTION_INTENSITY: 6 (1=Static, 10=Cinematic/Magic Physics)
  • VISUAL_DENSITY: 4 (1=Art Gallery/Airy, 10=Pilot Cockpit/Packed Data)

These are the standard baselines. ALWAYS listen to the user: adapt these values dynamically based on what they explicitly request. Use these values as global variables driving Sections 3 through 7.

2. DEFAULT ARCHITECTURE & CONVENTIONS

Framework & Interactivity
  • React or Next.js. Default to Server Components (RSC).
  • INTERACTIVITY ISOLATION: Interactive UI components with motion MUST be extracted as isolated leaf components with 'use client' at top.
  • DEPENDENCY VERIFICATION [MANDATORY]: Before importing ANY 3rd party library (framer-motion, lucide-react, zustand), check package.json. If missing, output npm install <package> before code. Never assume.
Styling
  • Use Tailwind CSS (v3/v4) for 90% of styling.
  • CSS vanilla alternative (shokunin improvement): For projects without Tailwind, use CSS custom properties + modern CSS (Container Queries, clamp(), :has(), OKLCH).
  • TAILWIND VERSION LOCK: Check package.json. No v4 syntax in v3 projects.
  • ANTI-EMOJI POLICY: NEVER use emojis in code, markup, text, or alt text. Replace with Phosphor, Lucide, or clean SVG primitives.
Responsiveness
  • Viewport Stability [CRITICAL]: NEVER h-screen. Always min-h-[100dvh] for iOS Safari.
  • Grid over Flex-Math: NEVER w-[calc(33%-1rem)]. Always CSS Grid grid-cols-3 gap-6.
  • Standardize breakpoints: sm(640), md(768), lg(1024), xl(1280).
Icons
  • @phosphor-icons/react or @radix-ui/react-icons. Standardize strokeWidth (1.5 or 2.0).

3. DESIGN ENGINEERING DIRECTIVES (Bias Correction)

Rule 1: Deterministic Typography
  • Display/Headlines: text-4xl md:text-6xl tracking-tighter leading-none. Use Geist, Outfit, Cabinet Grotesk, or Satoshi. NEVER Inter for premium.
  • TECHNICAL UI: Serif fonts strictly BANNED for Dashboards. Use high-end Sans-Serif: Geist + Geist Mono.
  • Body: text-base text-gray-600 leading-relaxed max-w-[65ch].
Rule 2: Color Calibration
  • Max 1 Accent Color. Saturation < 80%.
  • THE AI PURPLE BAN: No purple button glows, no neon gradients. Use neutral bases (Zinc/Slate) with singular accents (Emerald, Electric Blue, Deep Rose).
  • OKLCH preferred (shokunin improvement): oklch(50% 0.2 170) over hex #10b981.
  • One palette for entire project. No warm/cool gray mix.
Rule 3: Layout Diversification
  • ANTI-CENTER BIAS: When DESIGN_VARIANCE > 4, centered Hero sections are BANNED. Use Split Screen (50/50), Left Aligned content + Right Aligned asset, or Asymmetric White-space.
Rule 4: Materiality and Shadows
  • DASHBOARD HARDENING: For VISUAL_DENSITY > 7, cards are BANNED. Use border-t, divide-y, or negative space. Data breathes without boxes.
  • Cards only when elevation communicates hierarchy. Tint shadow to background hue.
Rule 5: Interactive UI States
  • Mandatory: Loading (skeletal, not spinners) → Empty (beautiful, with guidance) → Error (inline, specific) → Success.
  • Tactile Feedback: :active → scale-[0.98]. transition: transform 160ms ease-out.
Rule 6: Data & Form Patterns
  • Labels ABOVE inputs. Error text BELOW input. Standard gap-2 for input blocks.

4. CREATIVE PROACTIVITY (Anti-Slop Implementation)

  • "Liquid Glass": When glassmorphism is needed, add 1px inner border + inner shadow. Never default decoration.
  • Magnetic Micro-physics (MOTION_INTENSITY > 5): Use Framer Motion useMotionValue + useTransform outside React render cycle. NEVER useState for continuous animations.
  • Perpetual Micro-Interactions: Pulse, Typewriter, Float, Shimmer. Spring physics (type: "spring", stiffness: 100, damping: 20). No linear easing.
  • Staggered Orchestration: animation-delay: calc(var(--index) * 100ms). 30-80ms between items. Parent + Children in same Client Component tree.
  • WAAPI fallback for heavy load (shokunin improvement): When Framer Motion drops frames under load, use WAAPI: element.animate(...). Runs off main thread.

5. PERFORMANCE GUARDRAILS

  • GPU-Safe: Only animate transform and opacity. Never top, left, width, height.
  • Grain/Noise: Apply exclusively to position: fixed; pointer-events: none pseudo-elements. Never on scrolling containers.
  • Blur: Only on fixed/sticky elements. Never on scrolling content.
  • Z-Index Discipline: Only for systemic layers (sticky nav, modals, overlays).
  • prefers-reduced-motion (shokunin improvement): Mandatory on every animation:
css
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

6. TECHNICAL REFERENCE (Dial Definitions)

DESIGN_VARIANCE (1-10)
  • 1-3 (Predictable): justify-center, 12-column grids, equal paddings.
  • 4-7 (Offset): Overlapping, varied aspect ratios, left-aligned over center.
  • 8-10 (Asymmetric): Masonry, fractional grids, massive empty zones.
  • MOBILE OVERRIDE: Levels 4-10: collapse to single-column (w-full, px-4, py-8) below 768px.
MOTION_INTENSITY (1-10)
  • 1-3 (Static): :hover and :active only.
  • 4-7 (Fluid): transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1). Stagger reveals.
  • 8-10 (Choreography): Complex scroll-triggers. Framer Motion. NEVER window.addEventListener('scroll').
VISUAL_DENSITY (1-10)
  • 1-3 (Gallery): Lots of white space. Expensive, clean.
  • 4-7 (Daily App): Normal spacing.
  • 8-10 (Cockpit): Tiny paddings. No cards. 1px lines. Monospace for all numbers.

7. AI TELLS (Forbidden Patterns)

CategoryBannedUse Instead
VisualNeon glows, #000000, oversaturated accents, gradient text, custom cursorsInner borders, tinted shadows, zinc/slate neutrals
TypographyInter font, oversized H1s, serif on dashboardsGeist, Outfit, Satoshi. Hierarchy via weight + color, not just scale
LayoutCentered heroes, 3-column equal cardsSplit screen, zig-zag, asymmetric
Content"John Doe", "99.99%", "Acme", "Elevate", "Seamless"Creative names, messy numbers, concrete verbs
ResourcesUnsplash (broken links), default shadcn/uipicsum.photos, customized shadcn

8. THE CREATIVE ARSENAL (High-End Inspiration)

Reference library of advanced UI concepts. Never default to generic. Use Framer Motion for Bento/UI interactions. Use GSAP/ThreeJS exclusively for isolated full-page scrolltelling or canvas backgrounds, wrapped in strict useEffect cleanup.

Hero Paradigms: Split Screen, Slide-Away Text, Curtain Reveal, Zoom Parallax
Navigation: Mac OS Dock, Magnetic Button, Dynamic Island, Radial Menu
Layouts: Bento Grid, Masonry, Chroma Grid, Split Scroll
Cards: Parallax Tilt, Spotlight Border, Holographic Foil, Tinder Swipe
Scroll: Sticky Stack, Horizontal Hijack, Scroll Progress Path, Liquid Swipe
Text: Kinetic Marquee, Text Mask Reveal, Scramble Effect, Circular Path
Micro: Particle Explosion, Ripple Click, Skeleton Shimmer, Animated SVG Line Drawing
Show full SKILL.md (636 more words)Show less

Error Handling

ErrorCauseFix
Layout shift on iOS Safarih-screen usedReplace with min-h-[100dvh]
Framer Motion frames drop under loadUsing x/y shorthandUse transform: "translateX()" string or WAAPI
Grain causes scroll jankGrain on scrolling containerMove to position: fixed; pointer-events: none
Touch hover state fires incorrectlyNo @media (hover: hover) guardGate hover behind pointer media query
Magnetic button causes layout shiftUsing useState for animationUse useMotionValue + useTransform
Perpetual animation causes re-rendersNot in isolated Client ComponentReact.memo + isolated leaf component
Bento cards break on mobileNo mobile collapse rulesForce single-column below 768px

10. PRE-FLIGHT CHECKLIST

  • Mobile: min-h-[100dvh] (not h-screen)
  • Mobile collapse below 768px for asymmetric layouts
  • prefers-reduced-motion on every animation
  • Only transform + opacity animated
  • Hover gated behind @media (hover: hover)
  • No emojis in code or content
  • No Inter as display font
  • No neon glows or AI purple
  • No #000000 or #ffffff — tinted neutrals
  • Grid used instead of complex flexbox math
  • Loading, empty, error states all rendered
  • Buttons: scale-[0.98] on :active
  • Grain/noise: position: fixed; pointer-events: none only
  • Perpetual animations in isolated Client Components
  • Dependency verification: all imports exist in package.json

Workflow

  1. Read user intent — extract product type, style keywords, motion preference, visual density preference. Map to the three dial values (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY).
  2. Lock dependencies — check package.json before importing. Tailwind version (v3 vs v4 syntax). Icon library availability. Framer Motion presence.
  3. Establish the global config — set typography (display sans, body sans, mono). Set 1 accent color (saturation < 80%). Set neutral palette (Zinc or Slate, never mixed).
  4. Apply bias corrections — anti-center for DESIGN_VARIANCE > 4. No cards for VISUAL_DENSITY > 7. No serif for dashboards. No purple glows. No Inter as display.
  5. Build component tree — extract interactive/motion components into isolated Client Components with 'use client'. Static content stays server-rendered.
  6. Layer creative effects — apply grain/noise to fixed pseudo-elements only. Add scroll-entry reveals (staggered at 100ms intervals). Spring physics for magnetic micro-interactions.
  7. Guard performance — only animate transform + opacity. Gate hover behind @media (hover: hover). Mandatory prefers-reduced-motion on every animation.
  8. Run pre-flight checklist — verify mobile min-h-[100dvh], no emojis, no banned patterns, all states rendered (loading, empty, error, success).

Anti-Patterns

PatternProblemFix
Importing Framer Motion without checking package.jsonBuild fails, missing dependencyVerify dependency exists first. Output npm install framer-motion if missing.
Using Tailwind v4 syntax in v3 projectsBreaking changes in class namesCheck package.json Tailwind version. Match syntax to installed version.
h-screen everywhereiOS Safari viewport bugs, layout shiftAlways min-h-[100dvh] for full-screen sections.
Animated width/height/top/left propertiesLayout thrashing, GPU cannot accelerateOnly animate transform and opacity. Use compositor-only properties.
Inter as display font for premium productsLooks generic, no characterUse Geist, Outfit, Cabinet Grotesk, or Satoshi for display headings.
Neon glows, purple button shadows, oversaturated accentsAI tell — looks templatedNeutral bases (Zinc/Slate) with a single controlled accent. OKLCH over hex.
Grain texture on scrolling containersScroll jank, paint stormsApply grain exclusively to position: fixed; pointer-events: none pseudo-elements.
useState for continuous animation valuesTriggers React re-renders 60fpsUse Framer Motion useMotionValue + useTransform outside React render cycle.
Centered hero section when DESIGN_VARIANCE > 4Cliché, no personalitySplit screen (50/50), left-aligned content with right-aligned asset, or asymmetric whitespace.
Missing loading/empty/error states on interactive componentsBroken UX when data isn't perfectImplement all four states: loading (skeleton), empty (guidance), error (inline+actionable), success.

Sources

  • Emil Kowalski — Design engineering (Sonner, Vaul, Linear, animations.dev)
  • Paul Lewis — Compositor-only properties (Google Chrome)
  • Ahmad Shadeed — Container Queries and modern CSS
  • WCAG 2.2 — Accessibility
  • Apple Human Interface Guidelines
  • Material Design 3
  • OKLCH color space (W3C)

Checklist

  • Skill loads without errors in the AI agent
  • YAML frontmatter is valid (description, compatibility, audience)
  • Workflow section provides clear step-by-step instructions
  • Error handling section covers common failure modes
  • All referenced files (references/, scripts/, assets/) exist
  • Skill triggers correctly for intended use cases
  • No broken links or missing resources

© EliasOulkadi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .pack/skills/taste of EliasOulkadi/shokunin.

Open the folder on GitHubat commit 4c68e5b

Compare with similar skills

Taste next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Taste compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Taste this skillEliasOulkadi/shokunin114—~3.5kAutomated safety check: PassMIT
Creative Tim UI Blockscreativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT
Ss Learnbitjaru/styleseed973—~1.3kAutomated safety check: PassMIT
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
Senior FrontendOhh-889/skyroc7952 repos~1.1kAutomated safety check: NotesMIT
Design Taste Frontendalisamadiii/Portfolio1806 repos~5.3kAutomated safety check: PassNone

Similar skills

  • Creative Tim UI Blocks

    creativetimofficial/ui

    Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

    12k GitHub stars~2.1k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check: notes

  • Ss Learn

    bitjaru/styleseed

    Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

    973 GitHub stars~1.3k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

  • UI/UX Design System Advisor

    Galaxy-Dawn/claude-scholar

    Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

    5.7k GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed

  • Senior Frontend

    Ohh-889/skyroc

    Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

    795 GitHub starsUsed in 2 repos~1.1k tokens
    Frontend & DesignAuto-check: notes

  • Design Taste Frontend

    alisamadiii/Portfolio

    Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

    180 GitHub starsUsed in 6 repos~5.3k tokens
    Frontend & DesignAuto-check passed

  • UI UX Pro Max

    sundial-org/awesome-openclaw-skills

    UI/UX design intelligence and implementation guidance for building polished interfaces.

    663 GitHub starsUsed in 2 repos~657 tokens
    Frontend & DesignAuto-check passed

More from EliasOulkadi/shokunin

All 49 skills in this repo

  • CI CD

    EliasOulkadi/shokunin

    Design CI/CD pipelines for GitHub Actions, GitLab CI, and CircleCI with matrix builds, test sharding, caching, Docker layer caching, OIDC auth, deployment strategies (rolling, blue-green, canary)…

    114 GitHub stars~3.4k tokensUpdated 6 days ago
    Auto-check: notes

  • Component Forge

    EliasOulkadi/shokunin

    Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and…

    114 GitHub stars~3.6k tokensUpdated 6 days ago
    Auto-check: notes

  • DB Admin

    EliasOulkadi/shokunin

    PostgreSQL database administration — backup/restore (pgdump, PITR, WAL archiving), health monitoring (connections, bloat, cache hit ratio, dead tuples), connection pooling (PgBouncer), replication…

    114 GitHub stars~2k tokensUpdated 6 days ago
    Auto-check: notes

  • DB Sculptor

    EliasOulkadi/shokunin

    Design database schemas with Prisma/Drizzle, PostgreSQL index strategy (B-tree, GIN, GiST, BRIN, Hash), query optimization (EXPLAIN ANALYZE), migration safety (expand/contract, zero-downtime), and…

    114 GitHub stars~3.1k tokensUpdated 6 days ago
    Auto-check: notes

  • Docker

    EliasOulkadi/shokunin

    Optimize Docker images with multi-stage builds, distroless bases, BuildKit cache mounts, multi-arch builds, compose watch, security hardening (non-root, seccomp, capabilities drop), and…

    114 GitHub stars~3.8k tokensUpdated 6 days ago
    Auto-check: notes

  • Error Handler

    EliasOulkadi/shokunin

    Design error handling, structured logging, and observability with OpenTelemetry (traces, metrics, logs), error classification, recovery patterns (retry with jitter, circuit breaker, bulkhead…

    114 GitHub stars~3.6k tokensUpdated 6 days ago
    Auto-check: notes

Works with

Categories

Questions about Taste

What does Taste do?

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. Taste is an agent skill from EliasOulkadi/shokunin. Senior UI/UX Engineer.

When should I use Taste?

Taste fits situations like: tasks that involve UI design.

How do I install Taste in Claude Code?

Run `npx skills add EliasOulkadi/shokunin --skill taste -a claude-code`. Or copy the skill folder (.pack/skills/taste in EliasOulkadi/shokunin) into .claude/skills/taste in your project. Claude Code loads it when a task matches its description.

How do I install Taste in Codex?

Run `npx skills add EliasOulkadi/shokunin --skill taste -a codex`. Or copy the skill folder (.pack/skills/taste in EliasOulkadi/shokunin) into .agents/skills/taste in your project. Codex loads it when a task matches its description.

Can I use Taste in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add EliasOulkadi/shokunin --skill taste -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/taste, .gemini/skills/taste, .github/skills/taste and .opencode/skills/taste in your project.

What does Taste need to run?

Going by SKILL.md and its folder, Taste needs the command-line tools its instructions call (npm). Our summary lists: Node.js. Compatibility (from SKILL.md): opencode.

Does Taste access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Taste safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Taste use?

Taste is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Taste use?

About 3.5k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Taste?

Skills that share tags, products or a category with Taste: Creative Tim UI Blocks (creativetimofficial/ui, 12k stars), Ss Learn (bitjaru/styleseed, 973 stars), UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars) and Senior Frontend (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Taste?

EliasOulkadi (a GitHub user) maintains it in EliasOulkadi/shokunin, which has 114 GitHub stars. The repository holds 49 skills in this directory. The repository was last updated on October 5, 2026.

Source: EliasOulkadi/shokunin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.