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 Soft

by EliasOulkadi in EliasOulkadi/shokunin

High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin.

MITAuto-check passedFrontend & Design

Install Taste Soft

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

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

GitHub CLI
$ gh skill install EliasOulkadi/shokunin taste-soft --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-soft .claude/skills/taste-soft && 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-soft
GitHub stars
114
Token cost
~3.2k tokens
SKILL.md length
1,410 words
Files
1
Skills in repo
49
Repo updated
First seen
Licence
MIT

At a glance

High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin.

  • Works in 6 steps: THE "ABSOLUTE ZERO" DIRECTIVE… → THE CREATIVE VARIANCE ENGINE → HAPTIC MICRO-AESTHETICS → …
  • Tasks that involve UI design
  • SKILL.md covers Authority References (shokunin…, 1. THE "ABSOLUTE ZERO"…, 2. THE CREATIVE VARIANCE ENGINE and 3. HAPTIC MICRO-AESTHETICS, plus 8 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Taste Soft is an agent skill from EliasOulkadi/shokunin. High-end visual design like a premium agency. Defines exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks common defaults that make AI designs look cheap or generic. Based on taste-skill by Leon Lin & blueemi, improved by shokunin.

Its SKILL.md is about 3.2k 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. 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-soft”

Requirements

  • Compatibility (from SKILL.md): opencode

Workflow steps

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

  1. THE "ABSOLUTE ZERO" DIRECTIVE (ANTI-PATTERNS)
  2. THE CREATIVE VARIANCE ENGINE
  3. HAPTIC MICRO-AESTHETICS
  4. MOTION CHOREOGRAPHY
  5. PERFORMANCE GUARDRAILS
  6. PRE-OUTPUT 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

    No scripts in the folder and no shell commands in SKILL.md.

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

  • Network

    No URLs in SKILL.md.

    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 Soft loads about 3.2k tokens when it runs. Until then it costs about 74 tokens; SKILL.md has 1,410 words of instructions outside code blocks.

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

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,410 words, ~3,245 tokens.

Download SKILL.mdSave it as .claude/skills/taste-soft/SKILL.md (or your agent's skills folder).
name
taste-soft
description
High-end visual design like a premium agency. Defines exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks common defaults that make AI designs look cheap or generic. Based on taste-skill by Leon Lin & blueemi, improved by shokunin.
compatibility
opencode
triggers
- "luxury design" - "premium UI" - "agency design" - "expensive look" - "high-end design" - "Apple-esque" - "Linear-tier" - "double-bezel" - "magnetic button"…
negatives
- "minimalist design" - "editorial design" - "brutalist" - "flat design" - "components" - "base design framework" -> use taste
license
MIT
metadata
version: "2.0.0" author: Leon Lin, blueemi, improved by shokunin workflow: frontend audience: designers

Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier)

Engineering $150k+ agency-level digital experiences. Output must exude haptic depth, cinematic spatial rhythm, obsessive micro-interactions, and flawless fluid motion. NEVER generate the same layout twice. Combine different premium archetypes while adhering to elite "Apple-esque / Linear-tier" design language.

Authority References (shokunin improvement)

Based on: Apple Human Interface Guidelines, Linear Design, Stripe Design, Emil Kowalski (design engineering), Paul Lewis (compositor-only), Ahmad Shadeed (Container Queries), WCAG 2.2.

1. THE "ABSOLUTE ZERO" DIRECTIVE (ANTI-PATTERNS)

  • Banned Fonts: Inter, Roboto, Arial, Open Sans, Helvetica. Use Geist, Clash Display, PP Editorial New, Plus Jakarta Sans.
  • Banned Icons: Standard thick-stroked Lucide, FontAwesome, Material. Use Phosphor Light, Remix Line.
  • Banned Borders/Shadows: Generic 1px solid gray. Harsh rgba(0,0,0,0.3). Use tinted, ultra-diffuse shadows.
  • Banned Layouts: Edge-to-edge sticky nav glued to top. Boring symmetric 3-column grids without massive whitespace.
  • Banned Motion: Standard linear or ease-in-out. Instant state changes without interpolation.

2. THE CREATIVE VARIANCE ENGINE

Select ONE combination per project to ensure unique output:

Vibe & Texture Archetypes (Pick 1)
  1. Ethereal Glass (SaaS/Tech): OLED black (#050505), radial mesh gradients (glowing purple/emerald orbs). Vantablack cards + backdrop-blur-2xl + white/10 hairlines. Wide geometric Grotesk.
  2. Editorial Luxury (Lifestyle/Agency): Warm creams (#FDFBF7), muted sage, deep espresso. High-contrast Variable Serif for headings. CSS noise/film-grain overlay (opacity-[0.03]).
  3. Soft Structuralism (Consumer/Health/Portfolio): Silver-grey or white backgrounds. Massive bold Grotesk. Airy, floating components with soft, highly diffused ambient shadows.
Layout Archetypes (Pick 1)
  1. Asymmetrical Bento: Masonry-like grid of varying card sizes (col-span-8 row-span-2 next to stacked col-span-4). Mobile: Single column. All col-span overrides reset.
  2. Z-Axis Cascade: Elements stacked like physical cards, overlapping with subtle -2deg or 3deg rotation. Mobile: Remove all rotations and negative margins. Stack vertically.
  3. Editorial Split: Massive typography on left half (w-1/2), interactive horizontal scrollable cards on right. Mobile: Full-width vertical stack.

Universal Mobile Override: Any asymmetric layout ≥ md breakpoint MUST collapse to w-full px-4 py-8 below 768px. NEVER h-screen — always min-h-[100dvh].

3. HAPTIC MICRO-AESTHETICS

"Double-Bezel" Nested Architecture
  • Outer Shell: Wrapper with subtle background (bg-black/5), hairline border (ring-1 ring-black/5), padding p-1.5, large radius rounded-[2rem].
  • Inner Core: Content container with distinct background, its own inner highlight (shadow-[inset_0_1px_1px_rgba(255,255,255,0.15)]), mathematically calculated smaller radius rounded-[calc(2rem-0.375rem)].
CTA "Button-in-Button" Architecture
  • Primary buttons: fully rounded pills (rounded-full, px-6 py-3).
  • Trailing icon: NEVER naked. Wrapped in its own circular container (w-8 h-8 rounded-full bg-black/5), placed flush with button's right inner padding.
Spatial Rhythm
  • Macro-whitespace: py-24 to py-40 for sections. Breathe heavily.
  • Eyebrow Tags: Microscopic, pill-shaped badge (rounded-full px-3 py-1 text-[10px] uppercase tracking-[0.2em] font-medium) preceding major headings.

4. MOTION CHOREOGRAPHY

All motion uses custom cubic-bezier (transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)]). Never linear or default ease-in-out.

"Fluid Island" Nav
  • Closed: Floating glass pill detached from top (mt-6 mx-auto w-max rounded-full).
  • Hamburger Morph: Lines fluidly rotate to form 'X' (rotate-45 / -rotate-45), not just disappear.
  • Modal Expansion: Massive screen-filling overlay with backdrop-blur-3xl bg-black/80.
  • Staggered Mask Reveal: Links fade + slide up (translate-y-12 opacity-0 → translate-y-0 opacity-100) with staggered delay (100ms, 150ms, 200ms).
Magnetic Button Physics
  • group utility. active:scale-[0.98] for physical press.
  • Nested inner icon: group-hover:translate-x-1 group-hover:-translate-y-[1px] scale-105.
Scroll Entry
  • Elements fade + slide up + blur: translate-y-16 blur-md opacity-0 → translate-y-0 blur-0 opacity-100 over 800ms+.
  • Use IntersectionObserver. NEVER window.addEventListener('scroll').

5. PERFORMANCE GUARDRAILS

  • GPU-Safe: Only transform + opacity. will-change: transform sparingly.
  • Blur: Only fixed/sticky elements. Never scrolling content.
  • Grain: position: fixed; pointer-events: none only.
  • Z-Index: Only systemic layers.
  • prefers-reduced-motion: Mandatory on every animation (shokunin improvement).

6. PRE-OUTPUT CHECKLIST

  • No banned fonts, icons, borders, shadows, layouts, motion (Section 1)
  • Vibe + Layout Archetype consciously selected (Section 2)
  • Double-Bezel nested architecture on major cards (Section 3)
  • Button-in-Button on CTAs where applicable (Section 3)
  • Section padding ≥ py-24
  • Custom cubic-bezier on all transitions
  • Scroll entry animations present
  • Mobile collapse below 768px: single-column
  • min-h-[100dvh] not h-screen
  • transform + opacity only for animations
  • prefers-reduced-motion respected
  • Overall reads as "$150k agency build", not "template with nice fonts"

Workflow

Step 1: Select Archetypes

Pick exactly one Vibe Archetype and one Layout Archetype from Section 2 before writing any code. Document the selection so the entire build stays coherent:

Vibe: Ethereal Glass | Editorial Luxury | Soft Structuralism
Layout: Asymmetrical Bento | Z-Axis Cascade | Editorial Split

Never mix vibes. A page that blends Ethereal Glass gradients with Editorial Luxury serifs reads as confused, not premium.

Step 2: Block banned defaults

Before writing any Tailwind class, review Section 1 "Absolute Zero" and remove all banned fonts, icons, borders, shadows, and motion defaults from the project scaffold. This is a blocking step — do not proceed until every banned item is replaced.

Step 3: Build outer shell → inner core

Follow the Double-Bezel architecture (Section 3). For every major section:

  1. Create the outer wrapper (bg-black/5 ring-1 ring-black/5 rounded-[2rem] p-1.5)
  2. Place the inner content container (shadow-[inset_0_1px_1px_rgba(255,255,255,0.15)])
  3. Add content. Never skip the bezel — it is the signature of this aesthetic.
Step 4: Wire motion

Apply motion choreography (Section 4) to:

  • Navigation: Fluid Island pattern with hamburger morph + staggered mask reveal
  • CTAs: Magnetic button physics with nested icon animation
  • Scroll entries: IntersectionObserver-driven fade + slide + blur
Step 5: Mobile collapse

Overwrite every asymmetric layout rule at the md breakpoint (768px). All col-span values reset, all rotations removed, all negative margins zeroed. Use min-h-[100dvh] everywhere; never h-screen.

Step 6: Pre-output checklist

Run through the 12-item checklist (Section 6) before delivering. Every unchecked box is a regression from "$150k agency" to "template with nice fonts."

Show full SKILL.md (560 more words)Show less
Step 7: Accessibility verification
  • All animations respect prefers-reduced-motion: reduce
  • Color contrast meets WCAG 2.2 AA minimum (4.5:1 for text, 3:1 for large text)
  • Focus indicators visible and non-removed (never outline: none without replacement)
  • Grain overlay has pointer-events: none and aria-hidden="true"

Error Handling

CauseFix
CSS grain texture causes layout shift or scroll jankGrain must be position: fixed; pointer-events: none; z-index: [system layer]. Never apply grain to a scrolling container.
backdrop-blur causes GPU compositing failure on low-end devicesLimit blur to fixed/sticky elements only. Feature-detect with @supports (backdrop-filter: blur(1px)). Provide solid fallback background.
Double-Bezel nested radii don't align mathematicallyOuter radius R, inner radius must be R - padding. If rounded-[2rem] and p-1.5 (24px), inner is rounded-[calc(2rem-1.5rem)]. Always use calc() to prevent drift.
Magnetic button jitters on rapid hover/unhoverApply transition-transform duration-200 on the inner element only. Use will-change: transform on the button and remove it on animationend.
Z-Axis Cascade cards overlap incorrectly on SafariSafari handles z-index in stacking contexts differently with transforms. Apply explicit z-index values (not auto) and transform-style: flat on the parent.
Scroll entry animations fire multiple times on fast scrollUse IntersectionObserver with threshold: 0.1 and a once: true flag. Track animated elements in a WeakSet to prevent re-triggering.
Custom cubic-bezier feels sluggish on quick interactionsFor interactive elements (buttons, toggles), use shorter duration: duration-200 ease-[cubic-bezier(0.32,0.72,0,1)]. Reserve duration-700 for scroll entries and page transitions only.

Sources

  • Apple Human Interface Guidelines (developer.apple.com/design/human-interface-guidelines) — spatial layout, motion, and material principles
  • Linear Design System (linear.app/docs/design-system) — opinionated component architecture and animation philosophy
  • Stripe Design documentation (stripe.com/design) — premium SaaS visual language and interaction patterns
  • Emil Kowalski "Animation Engineering" (animations.dev) — WAAPI, spring physics, and compositor-only animation
  • Ahmad Shadeed "CSS Container Queries" (ishadeed.com) — modern responsive layout patterns
  • WCAG 2.2 Specification (w3.org/TR/WCAG22) — accessibility compliance for motion, contrast, and focus
  • Paul Lewis "The Compositor's Properties" (web.dev/animations-guide) — GPU-safe animation properties and layout thrashing prevention

Anti-Patterns

PatternProblemFix
Dropping the Double-Bezel on inner sections "for simplicity"The page loses its signature depth. Cards become flat and generic.Every major card/section gets the bezel. Only minor inline elements (tags, badges, tooltips) skip it.
Using h-screen instead of min-h-[100dvh]100vh ignores mobile browser chrome (address bar), causing overflow and clipped content.Always use min-h-[100dvh]. Dynamic viewport height compensates for browser UI.
Applying the same archetype combination to every projectThe Creative Variance Engine exists to prevent repetition. Reusing the same vibe+layout produces indistinguishable output.Track previously used combinations. Force new selection if the last 3 projects used the same archetype.
Omitting mobile overridesAsymmetric bento and Z-axis cascade layouts break catastrophically below 768px.Every col-span-* and rotation resets at md: breakpoint. Test at 375px width before delivery.
Linear or ease-in-out on any transitionThese are explicitly banned in Section 1. Default easing reads as unpolished AI output.Custom cubic-bezier with asymmetric curve on every transition. Interactive: duration-200. Scroll: duration-700.
Adding a fourth or fifth font to "make it unique"Premium design uses 2 fonts max (heading + body). More fonts create visual noise and degrade performance.Stick to 1-2 typefaces. Use weight, size, and letter-spacing for hierarchy instead of additional families.

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-soft of EliasOulkadi/shokunin.

Open the folder on GitHubat commit 4c68e5b

Compare with similar skills

Taste Soft 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 Soft compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Taste Soft this skillEliasOulkadi/shokunin114—~3.2kAutomated safety check: PassMIT
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
LobeHub Interactive Prototypelobehub/lobehub83k—~1.6kAutomated safety check: PassCustom licence
Make Interfaces Feel Bettersamuelclay/NewsBlur7.6k10 repos~1.5kAutomated safety check: PassMIT
UI UX Pro MaxZxBing0066/pixel-converter18113 repos~2.6kAutomated safety check: NotesBSD-2-Clause
Design Dnazanwei/design-dna1.9k1 repos~2.1kAutomated safety check: PassMIT

Similar skills

  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed

  • LobeHub Interactive Prototype

    lobehub/lobehub

    Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

    83k GitHub stars~1.6k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Make Interfaces Feel Better

    samuelclay/NewsBlur

    Design engineering principles for making interfaces feel polished.

    7.6k GitHub starsUsed in 10 repos~1.5k tokens
    Frontend & DesignAuto-check passed

  • UI UX Pro Max

    ZxBing0066/pixel-converter

    UI/UX design intelligence with searchable database. An agent skill from ZxBing0066/pixel-converter.

    181 GitHub starsUsed in 13 repos~2.6k tokens
    Frontend & DesignAuto-check: notes

  • Design Dna

    zanwei/design-dna

    Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

    1.9k GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed

  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k 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

Categories

Questions about Taste Soft

What does Taste Soft do?

High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin. Taste Soft is an agent skill from EliasOulkadi/shokunin. High-end visual design like a premium agency.

When should I use Taste Soft?

Taste Soft fits situations like: tasks that involve UI design.

How do I install Taste Soft in Claude Code?

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

How do I install Taste Soft in Codex?

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

Can I use Taste Soft 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-soft -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-soft, .gemini/skills/taste-soft, .github/skills/taste-soft and .opencode/skills/taste-soft in your project.

What does Taste Soft need to run?

SKILL.md names no scripts, command-line tools or credentials: Taste Soft is instructions for the agent only. Compatibility (from SKILL.md): opencode.

Does Taste Soft access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Taste Soft 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 Soft use?

Taste Soft 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 Soft use?

About 3.2k tokens (SKILL.md is roughly 13k 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 Soft?

Skills that share tags, products or a category with Taste Soft: UI Styling (Ohh-889/skyroc, 795 stars), LobeHub Interactive Prototype (lobehub/lobehub, 83k stars), Make Interfaces Feel Better (samuelclay/NewsBlur, 7.6k stars) and UI UX Pro Max (ZxBing0066/pixel-converter, 181 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Taste Soft?

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.