20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T4584, taste-skill · 给 AI 好品味，告别平庸界面

taste-skill · 校准面板

给 AI 好品味，告别平庸界面

一套可移植的 Agent Skills，把 AI 生成的界面从千篇一律的样板里拉出来——布局、排版、动效、间距，都由一套仪表来拧。

访问 tasteskill.dev GitHub 仓库

VARIANCE · 布局实验性 MOTION · 动效深度 DENSITY · 信息密度

三个旋钮

不是随机发挥，而是被测出来的品味

Taste-Skill 把“感觉不对”拆成三个 1–10 的调校参数。不捏造读数，只承认它们真实存在的位置——调节它，就是给代理定品味。

DESIGN_VARIANCE

保守实验

布局实验性——越转身，版式越敢越出模板的边界。

MOTION_INTENSITY

克制叙事

动效深度——从稳重到流动，转场与反馈的分量。

VISUAL_DENSITY

留白稠密

信息密度——一屏装多少信息，呼吸感落在哪里。

风格谱系

从默认品味到明确风格

同一个品味容器，装着不同的输出纪律——挑一种，或按需组合。主推的 design-taste-frontend 是 v2 实验版。

默认design-taste-frontend v2 实验版主推的前端品味技能，重构布局、排版与动效。

稳定design-taste-frontend-v1上一代稳定版本，行为更保守可预测。

GPT / Codexgpt-taste面向 ChatGPT 与 Codex 的品味注入。

图像转代码image-to-code把参考图转译成界面实现。

重构redesign在既有结构上做品味翻新。

风格soft · minimalist · brutalist柔软、极简、粗野主义三种明确方向。

组合stitch把多种纪律缝合进一次输出。

约束output-enforcement强制输出纪律，避免跑偏。

注入咖啡因

把品味装进你的代理

一条命令注入，或把 SKILL.md 直接复制进项目、粘进对话——与 Agent Skills 兼容，MIT 协议自由使用。

01安装整套

02npx skills add https://github.com/Leonxlnx/taste-skill

03装单技能：npx skills add … --skill "design-taste-frontend"

—或用老版："design-taste-frontend-v1"

●在 ChatGPT / Codex 对话里粘贴，或复制进项目即用。

反样板、可调节、可移植——并兼容主流 AI 编码工具。默认技能 v2 仍处实验期，行为可能变化；图像技能只出图、不出代码，效果取决于你配合的工具。

MIT · 与 Agent Skills 兼容 github.com/leonxlnx/taste-skill tasteskill.dev

23:T42ed, taste-skill · Give your AI good taste, stop the slop

taste-skill · calibration panel

Give your AI good taste, stop the slop

A portable set of Agent Skills that pulls AI-built interfaces out of boilerplate — layout, typography, motion and spacing, all tuned by one instrument.

Visit tasteskill.dev GitHub repo

VARIANCE · layout experimentation MOTION · motion depth DENSITY · information density

The three dials

Taste that's measured, not improvised

Taste-Skill breaks “something feels off” into three 1–10 calibration parameters. No invented readings — just the positions these dials genuinely sit at, and how turning them re-tunes an agent's taste.

DESIGN_VARIANCE

conservativeexperimental

Layout experimentation — the further the dial turns, the further layouts push past template geometry.

MOTION_INTENSITY

restrainednarrative

Motion depth — from steady to fluid, the weight of transitions and feedback.

VISUAL_DENSITY

airydense

Information density — how much fits on a screen, and where the breathing room lands.

Style spectrum

From default taste to a declared style

One taste container, several output disciplines. Pick one or chain a few together. The flagship design-taste-frontend is the v2 experimental build.

Defaultdesign-taste-frontend v2 experimentalThe flagship frontend taste skill — rebuilds layout, typesetting and motion.

Stabledesign-taste-frontend-v1The previous stable build, more conservative and predictable.

GPT / Codexgpt-tasteTaste injection designed for ChatGPT and Codex sessions.

Image to codeimage-to-codeTranscribes a reference image into an interface build.

RefactorredesignReskins existing structure with better taste in place.

Stylessoft · minimalist · brutalistThree declared directions: soft, minimal, or brute.

CombinestitchSews multiple disciplines into a single output.

Guardrailsoutput-enforcementEnforces output discipline so the agent stays on target.

The injection

Load taste into your agent

A single command injects it, or copy SKILL.md straight into a project and paste it into a chat. It's compatible with Agent Skills and free under the MIT license.

01Install the full set

02npx skills add https://github.com/Leonxlnx/taste-skill

03One skill: npx skills add … --skill "design-taste-frontend"

—Or the older: "design-taste-frontend-v1"

●Paste into a ChatGPT / Codex conversation, or drop it into your project directly.

Anti-slop, adjustable and portable — and it works with the major AI coding tools. The default v2 skill is still experimental and may change; the image skills output images only, no code; and results depend on the tool you pair it with.

MIT · Agent Skills compatible github.com/leonxlnx/taste-skill tasteskill.dev

a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmt2xbmri00rhj9djuapp9wzq:zh-CN:beautified",{"project":{"id":"cmt2xbmri00rhj9djuapp9wzq","slug":"leonxlnx-taste-skill","name":"taste-skill","description":"为 AI 代理提供反样板的前端技能包","authorName":"leonxlnx","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://tasteskill.dev/","qualityScore":100,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2xzf0g0045wg4mvp0hz0ga","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"tastemaker-gauge","name":"Tastemaker's Gauge","projectMetaphor":"The project is a tuning instrument: three 1-10 dials (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY) that calibrate how an AI agent perceives and applies taste. The page is a calibration panel where each visitor turns the instrument's dials rather than reading a sales pitch.","signatureVisual":"A single radial gauge cluster of three concentric canted dials, each with a distinct needle notch, resolved as thin stroked arcs over a quiet ruled surface. The needles do not point to fabricated numbers; they sit at the qualitative positions the three real parameters imply (variance, motion, density).","heroGeometry":"Three nested concentric radial arcs with offset needle elements, opening toward upper-right, anchored against a hairline polar grid that fades at the periphery.","sectionSequence":["hero: taste instrument and one real CTA","the three dials: variance / motion / density anatomy","style spectrum: the family of sub-skills (v2, v1, gpt-taste, image-to-code, redesign, soft, minimalist, brutalist, stitch, output-enforcement)","install: npx skills add signal chain","license & research strip"],"surfaceModel":"Layered paper: a primary display surface holding the gauge cluster, over a matte ruled substrate. Subtle depth comes from overlapping hairline rings and legend strips, not from stacked translucent screen cards.","palette":"Ink-on-instrument: warm bone ground, deep graphite ink, a single vermilion accent reserved for the active gauge needle and the primary CTA; hairline echoes in faint brass.","typography":"Instrument label face for numerals and dial ticks; a clean grotesque for body and headings with tight tracking; mono for parameter names and commands.","desktopComposition":"East-west split: the gauge cluster occupies the left two-thirds as the hero, with dial legend rows and the install command on the right rail; later sections settle into a tall single column that walks the tuning order.","mobileTransformation":"The concentric cluster collapses into three stacked horizontal calibration sliders, each on its own ruled track; legend and CTA stack under the last slider; subsequent sections scroll as one continuous instrument panel.","mediaStrategy":"No media region: no local assets exist. The gauge is rendered in HTML/CSS/SVG from the real parameter names only. No fabricated product screenshot.","forbiddenPatterns":["browser/phone/terminal/editor shell framing","three metric cards of stars/forks/downloads","decorative radial glow replacing the gauge's structural role","translucent offset screen-pile composition","fake interactive controls that imply a claim beyond the real dials"],"compositionFingerprint":"Tightly nested canted radial arcs with needle ticks on a ruled matte field, driven by three real calibration parameters."},{"id":"taste-split-fork","name":"The Taste Fork","projectMetaphor":"The project performs a judgment: it separates desirable, tasteful output from 'slop'. The page is a single decisive fork drawn across a quality axis, where generic output is diverted and refined output continues. Sections are stations along that judgment path.","signatureVisual":"A large horizontal quality axis from 'flat/generic' to 'distinct'; at its center a clean fork splays into routed strands, one strand continuing toward a refined UI glyph and the other receding and crossed out — drawn purely as linework and type, no product render.","heroGeometry":"A wide horizon line split by a single diagonal decision vector that cleaves the viewport into a continued path and a rejected one, using negative space rather than stacked cards.","sectionSequence":["hero: the fork split and one real CTA","decision: what 'slop' is versus what taste adds (layout, type, motion, spacing)","style spectrum: the family of sub-skills","install signal chain","how it modulates: the three dials recap","license & research strip"],"surfaceModel":"Flat matte canvas with hard boundary strokes: no layering, no blur, no glow. Depth is achieved purely by stroke weight, rule alignment, and generous negative space.","palette":"Raw paper with near-black linework, one saturated chartreuse confirming strand, and a muted red for the rejected fork — a two-signal palette that reads as a decision rather than a theme.","typography":"Condensed display face for the split headline; a neutral text face for body; monospace annotation along the fork hands to label each branch.","desktopComposition":"The fork is the full-bleed hero split horizontally; beneath it the decision stations cascade as an alternating left/right staccato that mirrors the fork's zig-zag, ending in a full-width install band.","mobileTransformation":"The horizontal fork rotates to a vertical split: one rejection segment above the fold, the continued path below, with the CTA pinned between them; stations become a single tight vertical scroll.","mediaStrategy":"No media region; the fork and strands are CSS/SVG linework encoding the verified reject/continue relationship. No fabricated product screenshot.","forbiddenPatterns":["browser/phone/terminal/editor shell","three metric cards","feature-card walls interchangeable with any project","decorative gradients or glow as the idea","grid-fusion decorative particle field"],"compositionFingerprint":"A hard horizontal fork line splitting a wide canvas into a rejected strand and a continuing strand, with negative-space breathing and binary stroke weights."},{"id":"relay-signal-ladder","name":"The Signal-Boost Relay","projectMetaphor":"Each skill is an amplification stage injected into an agent's context; the page behaves like a relay ladder that raises the quality floor step by step. The three dials are modulators on that ladder, and install is where the signal is injected.","signatureVisual":"A stepped ascending equalizer/relay: discrete horizontal bars whose heights climb from 'generic baseline' to 'taste' as they pass each skill stage; each bar carries a small parameter annotation, built as type and block-shape linework.","heroGeometry":"A rising staircase of thin horizontal bars aligned to an implied diagonal, set on a plain field with a single baseline anchor.","sectionSequence":["hero: the climbing relay baseline and one real CTA","stages: how a skill is injected and applied (context, then output)","style spectrum: the family of sub-skills as parallel relay routes","control: the dials modulate the climb (variance / motion / density)","install: the injection command band","license & research strip"],"surfaceModel":"Structural blockwork: crisp rectangular relays with hairline divisions, no rounding as decoration, a subtle stepped backdrop pattern that carries meaning (the axis climb) rather than texture alone.","palette":"Cool slate substrate with near-black relay bars and white labels; a single electric blue marks the top 'taste' plateau; muted neutral for the baseline.","typography":"Technical mono-driven: parameter names and stages in monospace, a clean grotesque for body, and an oversized condensed display for the climb headline.","desktopComposition":"Vertical equalizer hero on the left with stage labels marching up its height; controls and the injection command on the right; lower sections become full-width horizontal relay bands.","mobileTransformation":"The vertical ladder becomes a horizontal single-row climb: bars grow rightward, labels move under each bar, and the CTA sits at the top of the climb; sections scroll as stacked relay strips.","mediaStrategy":"No media region; the ladder is type and block linework encoding the genuine inject→amplify→deliver relationship. No fabricated product screenshot.","forbiddenPatterns":["browser/phone/terminal/editor shell","three metric cards","equalizer-flavored gradients or particles posing as the idea","blurred stack composition reused as a generic landing grammar","fake charts or progress meters implying unstated metrics"],"compositionFingerprint":"Rising horizontal relay bars aligned to one diagonal climb, with mono stage labels, on a stepped structural backdrop."}],"selectedDirectionId":"tastemaker-gauge","selectionRationale":"Tastemaker-gauge best encodes the project's real mechanism: the three 1-10 dials (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY) are the most distinctive, evidence-backed facts, and a calibration-panel metaphor makes them the hero rather than decorative. It produces a signature visual (concentric canted arcs with needle ticks) from verified data instead of imagined product screens, is compositionally distinct from the anti-template's translucent screen-pile, and its mobile transformation (cluster to stacked sliders) reflects the actual dial semantics. The fork direction elegantly expresses the reject-slop judgment, and the relay ladder expresses injection, but the gauge is the strongest carrier of the project's unique control vocabulary and lowest similarity risk to the recent fingerprints."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"tastemaker-gauge","projectMetaphor":"The project is a tuning instrument: three 1-10 dials (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY) that calibrate how an AI agent perceives and applies taste. The page is a calibration panel where each visitor turns the instrument's dials rather than reading a sales pitch.","signatureVisual":"A single radial gauge cluster of three concentric canted dials, each with a distinct needle notch, resolved as thin stroked arcs over a quiet ruled surface. The needles do not point to fabricated numbers; they sit at the qualitative positions the three real parameters imply (variance, motion, density).","compositionFingerprint":"Tightly nested canted radial arcs with needle ticks on a ruled matte field, driven by three real calibration parameters.","heroGeometry":"Three nested concentric radial arcs with offset needle elements, opening toward upper-right, anchored against a hairline polar grid that fades at the periphery.","sectionSequence":["hero: taste instrument and one real CTA","the three dials: variance / motion / density anatomy","style spectrum: the family of sub-skills (v2, v1, gpt-taste, image-to-code, redesign, soft, minimalist, brutalist, stitch, output-enforcement)","install: npx skills add signal chain","license & research strip"],"surfaceModel":"Layered paper: a primary display surface holding the gauge cluster, over a matte ruled substrate. Subtle depth comes from overlapping hairline rings and legend strips, not from stacked translucent screen cards.","palette":"Ink-on-instrument: warm bone ground, deep graphite ink, a single vermilion accent reserved for the active gauge needle and the primary CTA; hairline echoes in faint brass.","typography":"Instrument label face for numerals and dial ticks; a clean grotesque for body and headings with tight tracking; mono for parameter names and commands.","desktopComposition":"East-west split: the gauge cluster occupies the left two-thirds as the hero, with dial legend rows and the install command on the right rail; later sections settle into a tall single column that walks the tuning order.","mobileTransformation":"The concentric cluster collapses into three stacked horizontal calibration sliders, each on its own ruled track; legend and CTA stack under the last slider; subsequent sections scroll as one continuous instrument panel.","mediaStrategy":"No media region: no local assets exist. The gauge is rendered in HTML/CSS/SVG from the real parameter names only. No fabricated product screenshot.","evidencePlan":["Render the three real dial parameters (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY) as named, positioned needle ticks without inventing numeric values","Enumerate the real sub-skill family from extraction facts (design-taste-frontend v2, v1, gpt-taste, image-to-code, redesign, soft, minimalist, brutalist, stitch, output-enforcement)","Show the verified install signal chain using the real npx skills add command and MIT license","Keep CTA singular and real (visit / repository) without fabricating metrics beyond the provided star/fork evidence"],"localeContract":{"zh-CN":"中文页面用自然的中文密度表达：开场标语为『给 AI 好品味，告别平庸界面』；章节顺序与英文一致；旋钮参数名保留英文标识（DESIGN_VARIANCE 等）但配中文说明；命令保持原样；强调反样板、可调节、兼容主流 AI 编码工具。","en":"English page uses natural English density: opening slogan 'Give your AI good taste, stop the slop'; identical section order; dial parameters keep their English names; commands unchanged; emphasizes anti-slop, adjustable, works with major AI coding tools."},"forbiddenPatterns":["browser/phone/terminal/editor shell framing","three metric cards of stars/forks/downloads","decorative radial glow substituting for the gauge's structural role","translucent offset screen-pile composition","fake interactive controls implying claims beyond the real dials"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"当前源码忠实实现了选中方向 tastemaker-gauge：Hero 展示三枚不同方位、各带独立针纹刻度与可见参数标注的同心倾斜弧线仪表（radial gauge），由三个真实参数 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 驱动；风格谱系枚举了全部子技能，安装链路与 MIT 均有据可依；双语章节同序、自然、命令保留原样；未回退到通用 Hero/三卡/屏幕堆叠/设备壳，未发现假控件。七项 check 全部通过，仅移动端 Hero 保留径向仪表（而非按 Brief 塌缩为三条滑块）一项为轻微偏离，判为 warning，不影响判准。","checks":{"projectFit":{"passed":true,"evidence":"选中方向 tastemaker-gauge 及设计 Brief 被完整实现：Hero 为校准仪表隐喻（三枚 canted 弧线 + 指针），dial-grid 三旋钮、风格谱系、npx 安装链路、license 行与 Brief sectionSequence 顺序一一对应，映射到实际 section DOM（hero-gauge / dials-anatomy / style-spectrum / install-signal-chain / license-signal）。"},"evidenceBound":{"passed":true,"evidence":"三旋钮名称、1-10 定性范围、子技能家族（design-taste-frontend v2/v1, gpt-taste, image-to-code, redesign, soft/minimalist/brutalist, stitch, output-enforcement）、npx skills add 命令、GitHub 仓库、MIT 与 Agent Skills 兼容均来自 material.json extraction.facts/readme/summary；指针与滑块只落在定性描述位置，未捏造数字，未出现无据的 stars/forks/downloads 指标卡。"},"signatureVisual":{"passed":true,"evidence":"签名视觉真实存在：svg.gauge 内渲染三枚偏心倾斜指针——DESIGN_VARIANCE (M200,200 L241,87, rotate -70)、MOTION_INTENSITY (L292,123, rotate -40)、VISUAL_DENSITY (L318,179, rotate -10)，各自带独立短针纹刻度 notch（L246,92 / L298,126 / L324,180），并由三枚嵌套 brass 弧线与 hairline polar grid 构成同心 canted 形态，三参数名以可见 plabel 直接标注在仪表内，legend-dials 亦可见，未隐藏、无数字化读数。"},"mobileTransformation":{"passed":true,"evidence":"移动端 900px/640px 断点将 hero-inner 折为单列、gauge 置顶、legend-dials 与 CTA 堆叠；dial-grid 折为三行独立横向 ruled 滑块轨道（dial-fill 64%/42%/50%），spec/install 均单列；QA 报告移动端 scrollWidth==clientWidth、无横向溢出、bottomInset 正常，单列纵向重构成立。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 均为 5 个同序章节，Hero 标语分别用 Brief 指定文案『给 AI 好品味，告别平庸界面』与 'Give your AI good taste, stop the slop'；参数名与安装命令在两侧均保持英文原样，中文配自然说明，英文为独立自然表达，两句均非逐字硬译，等价且自然。"},"antiTemplate":{"passed":true,"evidence":"未出现半透明偏移屏幕堆叠（对本项目 anti-template 上下文中的 recent fingerprint）、browser/phone/terminal/editor 外壳、三指标卡；背景为 matte ruled 网格（对应 Layered paper ruled substrate），不承担结构角色；仪表臂为结构弧线而非装饰性径向光晕；风格谱系 8 格为项目专属子技能而非可换用的通用卡片墙。"},"noFakeUi":{"passed":true,"evidence":"QA 报告两语言桌面与移动 fakeControlCount 均为 0；dial-track 标记 aria-hidden 且为静态填充，不伪装可交互读数或尺度数字；CTA 指向真实 tasteskill.dev 与 github 仓库；无未依据或假交互控件。"}},"issues":[{"code":"hero-mobile-gauge-retained","severity":"warning","locale":"all","description":"移动端 Brief 期望 Hero 同心簇『塌缩为三条横向滑块』，但实际移动端 Hero 顶部仍保留径向 SVG 仪表（仅缩至 min(320px,100%)），三条横向滑块轨道出现在下方 dials-anatomy 章节而非 Hero 内。属轻微偏离，不构成拆解/重构失败，单列布局仍成立。","repairInstruction":"可选对齐 Brief：在 max-width:640px 时将 Hero 的 radial gauge 替换为三条堆叠的水平校准滑块（每条自带 ruled track 与参数名），或将 radial gauge 保留为移动端视觉焦点但明确其非滑块、并在下方保证三参数图例清晰可见。"}]},"repairEvidence":[{"attempt":1,"before":{"qaPassed":true,"designReviewApproved":false,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1203,"cjkCount":476,"latinLetterCount":453,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2479,"h1Top":168.375,"bottomInset":80.234375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"4a511a141ab431195faa9d09d322c92a74110617946c373914218960650b2a22","middle":"78c5ce7cd8a9ac6c0b80c0cd71fb0432a2ba6d01f010ea7c1c8d83fafb7b1bdd","bottom":"3895cfa610025d1b2866556bb345a305f35a4f95128276b8cae6d168eeef991f"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1249,"cjkCount":489,"latinLetterCount":474,"scrollWidth":390,"clientWidth":390,"scrollHeight":3488,"h1Top":424.40625,"bottomInset":79.625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"6b95c146ac5eb1fba9263919ea95c7981c5085004092b90af81066bc90700d0f","middle":"70c2c142043d79bfc63019cf195ef3cbd73639df8682e7b64ee6c5cabbfeaa7e","bottom":"a01fd6f4a6889dbe3e28a3cf8f432b964bf9596d24083491aa41bd86dcef472a"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2579,"cjkCount":0,"latinLetterCount":2061,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2639,"h1Top":168.375,"bottomInset":79.984375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"69032a879c25e2b09af287da39e505233f65c73e687c8858ba2a161d760e6530","middle":"3af7315b09ed26ff95b8ec756c6ff8a783f613715aea9281c0206700bc498e4e","bottom":"231000df5f63fcdf3d59c1ebe8ceb4cf2519c37039e7f0c0edcf8b29002afed0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2665,"cjkCount":0,"latinLetterCount":2132,"scrollWidth":390,"clientWidth":390,"scrollHeight":4030,"h1Top":381.09375,"bottomInset":79.71875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c455b86fb995466a7757452fce72f861cc94d6b86edf9d577effcb71ae7a487d","middle":"2482ba03f02e78534281d931e16db29c9f6650fe416f916ef5e32a8232128932","bottom":"f725dd78a573f676f7cc7ba126b3e0c14291fd0fb5c14ea6e2d0cf210867a0cb"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"revise","summary":"页面忠实还原了选中方向 tastemaker-gauge（校准面板）的整体结构、三旋钮语义、风格谱系、安装链路与双语对等，资料均有据可依，未回退到通用 Hero/三卡/卡片墙/设备壳，未发现假控件。但 signatureVisual 未能完全落地：Brief 明确规定『三枚同心倾斜刻度盘，各带一枚独立针纹刻度』，实际 SVG 仅渲染一枚竖直向上的指针并只标注 DESIGN_VARIANCE，另两个参数仅在桌面隐藏的图例中出现，未构成三枚独立针纹。据此责令 revise。","checks":{"projectFit":{"passed":true,"evidence":"选中方向 tastemaker-gauge 的校准仪表隐喻被实现：Hero 为辐射状仪表（concentric arcs + 指针），dial-grid 三旋钮 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 语义齐备，风格谱系、npx 安装链路、MIT 行与 Brief sectionSequence 顺序一一对应。"},"evidenceBound":{"passed":true,"evidence":"三旋钮名称、1-10 范围、子技能家族(design-taste-frontend v2/v1, gpt-taste, image-to-code, redesign, soft/minimalist/brutalist, stitch, output-enforcement)、npx skills add 命令与 GitHub 仓库、MIT 与 Agent Skills 兼容均来自 extraction.facts / readme / summary；指针未指向捏造数字，未出现内存无据的 stars/forks/downloads 指标卡。"},"signatureVisual":{"passed":false,"evidence":"辐射仪表确实存在且由真实参数名驱动，但仅渲染了一枚竖直向上的 DESIGN_VARIANCE 指针（path M200,200 L200,80 + 圆心点），另两个参数（MOTION_INTENSITY、VISUAL_DENSITY）未以独立针纹刻度出现在仪表上，仅存在于 display:none 的图例中。未满足 Brief『three concentric canted dials, each with a distinct needle notch』及 heroGeometry 的 offset/canted needle 要求。"},"mobileTransformation":{"passed":true,"evidence":"移动端 900px/640px 断点将 hero-inner 折为单列、gauge 置于顶部、legend-dials 与 CTA 堆叠；dial-grid 折为三行独立横向 ruled 滑块轨道(64%/42%/50%)，spec/install 均单列；QA 报告移动端 scrollWidth==clientWidth、无横向溢出，三滑块堆叠重构成立。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 均为 5 个同序章节，Hero 标语分别用 Brief 指定文案『给 AI 好品味，告别平庸界面』与 'Give your AI good taste, stop the slop'；命令与参数名保持英文原样，中文配自然说明，两侧译文自然等价。"},"antiTemplate":{"passed":true,"evidence":"未出现半透明偏移屏幕堆叠(anti-template 指纹)、browser/phone/terminal/editor 外壳、三指标卡；背景为 matte ruled 网格(对应 Layered paper ruled substrate)，不承担结构角色，无装饰性径向光晕冒充仪表；风格谱系 8 格为项目专属子技能而非可换用的通用卡片墙。"},"noFakeUi":{"passed":true,"evidence":"QA 报告两语言桌面/移动 fakeControlCount 均为 0；dial-track aria-hidden; 滑块为静态填充不伪装可交互读数；CTA 指向真实 tasteskill.dev 与 github 仓库；无未依据的交互控件。"}},"issues":[{"code":"signature-visual-incomplete","severity":"blocking","locale":"all","description":"签名视觉未达到 Brief 契约：需为三枚同心倾斜刻度盘各配独立针纹与偏移指针，实际 SVG 仅一枚竖直 DESIGN_VARIANCE 指针，MOTION_INTENSITY / VISUAL_DENSITY 未以独立针纹出现在仪表，且桌面端图例默认隐藏，三旋钮仪表语义在 Hero 未完整呈现。","repairInstruction":"在 gauge SVG 中为三个真实参数各绘制一枚不同方位/偏移的 canted needle 与独立刻度 notch（如 DESIGN_VARIANCE 朝右上、MOTION_INTENSITY 朝右、VISUAL_DENSITY 朝右下），或用三条嵌套 canted 弧线分别标注三参数名；让桌面端也能看到全部三枚针纹（可将 legend-dials 在桌面显示或直接在 SVG 内标注三参数），指针只停留在定性位置、不标注数字。"},{"code":"hero-mobile-gauge-retained","severity":"warning","locale":"all","description":"移动端 Brief 期望同心簇『塌缩为三条横向滑块』，实际 Hero 顶部仍保留径向 SVG 仪表，仅在下方 dials 章节出现滑块；图例在移动端才可见。属轻微偏离，不构成拆解失败。","repairInstruction":"可选：在移动端将 Hero 仪表替换为三条堆叠校准滑块（对齐 mobileTransformation 原文），或将 radial gauge 保留但确保三参数图例在折叠状态清晰可见。"}]}},"after":{"qaPassed":true,"designReviewApproved":true,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1279,"cjkCount":489,"latinLetterCount":502,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2479,"h1Top":168.375,"bottomInset":80.234375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"a15ac2fda566a73dd883357622adbd484028230d06de45490de93729bf4c0123","middle":"78c5ce7cd8a9ac6c0b80c0cd71fb0432a2ba6d01f010ea7c1c8d83fafb7b1bdd","bottom":"3895cfa610025d1b2866556bb345a305f35a4f95128276b8cae6d168eeef991f"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1279,"cjkCount":489,"latinLetterCount":502,"scrollWidth":390,"clientWidth":390,"scrollHeight":3488,"h1Top":424.40625,"bottomInset":79.625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"6bace73ad7d7914088a6946adc1457ccf93dd494afe45238d0ffde2c2fec973d","middle":"70c2c142043d79bfc63019cf195ef3cbd73639df8682e7b64ee6c5cabbfeaa7e","bottom":"a01fd6f4a6889dbe3e28a3cf8f432b964bf9596d24083491aa41bd86dcef472a"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2711,"cjkCount":0,"latinLetterCount":2174,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2639,"h1Top":168.375,"bottomInset":79.984375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"837692ae82f84d18ff5f4bf081cda6e9fc97e158d096bcd77caecb267e9f25d0","middle":"3af7315b09ed26ff95b8ec756c6ff8a783f613715aea9281c0206700bc498e4e","bottom":"231000df5f63fcdf3d59c1ebe8ceb4cf2519c37039e7f0c0edcf8b29002afed0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2711,"cjkCount":0,"latinLetterCount":2174,"scrollWidth":390,"clientWidth":390,"scrollHeight":4030,"h1Top":381.09375,"bottomInset":79.71875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5633a99a440315e2aea3d1999d5d66dc14d8d57b79e4f6095d8cc8640ec61bd1","middle":"2482ba03f02e78534281d931e16db29c9f6650fe416f916ef5e32a8232128932","bottom":"f725dd78a573f676f7cc7ba126b3e0c14291fd0fb5c14ea6e2d0cf210867a0cb"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"当前源码忠实实现了选中方向 tastemaker-gauge：Hero 展示三枚不同方位、各带独立针纹刻度与可见参数标注的同心倾斜弧线仪表（radial gauge），由三个真实参数 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 驱动；风格谱系枚举了全部子技能，安装链路与 MIT 均有据可依；双语章节同序、自然、命令保留原样；未回退到通用 Hero/三卡/屏幕堆叠/设备壳，未发现假控件。七项 check 全部通过，仅移动端 Hero 保留径向仪表（而非按 Brief 塌缩为三条滑块）一项为轻微偏离，判为 warning，不影响判准。","checks":{"projectFit":{"passed":true,"evidence":"选中方向 tastemaker-gauge 及设计 Brief 被完整实现：Hero 为校准仪表隐喻（三枚 canted 弧线 + 指针），dial-grid 三旋钮、风格谱系、npx 安装链路、license 行与 Brief sectionSequence 顺序一一对应，映射到实际 section DOM（hero-gauge / dials-anatomy / style-spectrum / install-signal-chain / license-signal）。"},"evidenceBound":{"passed":true,"evidence":"三旋钮名称、1-10 定性范围、子技能家族（design-taste-frontend v2/v1, gpt-taste, image-to-code, redesign, soft/minimalist/brutalist, stitch, output-enforcement）、npx skills add 命令、GitHub 仓库、MIT 与 Agent Skills 兼容均来自 material.json extraction.facts/readme/summary；指针与滑块只落在定性描述位置，未捏造数字，未出现无据的 stars/forks/downloads 指标卡。"},"signatureVisual":{"passed":true,"evidence":"签名视觉真实存在：svg.gauge 内渲染三枚偏心倾斜指针——DESIGN_VARIANCE (M200,200 L241,87, rotate -70)、MOTION_INTENSITY (L292,123, rotate -40)、VISUAL_DENSITY (L318,179, rotate -10)，各自带独立短针纹刻度 notch（L246,92 / L298,126 / L324,180），并由三枚嵌套 brass 弧线与 hairline polar grid 构成同心 canted 形态，三参数名以可见 plabel 直接标注在仪表内，legend-dials 亦可见，未隐藏、无数字化读数。"},"mobileTransformation":{"passed":true,"evidence":"移动端 900px/640px 断点将 hero-inner 折为单列、gauge 置顶、legend-dials 与 CTA 堆叠；dial-grid 折为三行独立横向 ruled 滑块轨道（dial-fill 64%/42%/50%），spec/install 均单列；QA 报告移动端 scrollWidth==clientWidth、无横向溢出、bottomInset 正常，单列纵向重构成立。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 均为 5 个同序章节，Hero 标语分别用 Brief 指定文案『给 AI 好品味，告别平庸界面』与 'Give your AI good taste, stop the slop'；参数名与安装命令在两侧均保持英文原样，中文配自然说明，英文为独立自然表达，两句均非逐字硬译，等价且自然。"},"antiTemplate":{"passed":true,"evidence":"未出现半透明偏移屏幕堆叠（对本项目 anti-template 上下文中的 recent fingerprint）、browser/phone/terminal/editor 外壳、三指标卡；背景为 matte ruled 网格（对应 Layered paper ruled substrate），不承担结构角色；仪表臂为结构弧线而非装饰性径向光晕；风格谱系 8 格为项目专属子技能而非可换用的通用卡片墙。"},"noFakeUi":{"passed":true,"evidence":"QA 报告两语言桌面与移动 fakeControlCount 均为 0；dial-track 标记 aria-hidden 且为静态填充，不伪装可交互读数或尺度数字；CTA 指向真实 tasteskill.dev 与 github 仓库；无未依据或假交互控件。"}},"issues":[{"code":"hero-mobile-gauge-retained","severity":"warning","locale":"all","description":"移动端 Brief 期望 Hero 同心簇『塌缩为三条横向滑块』，但实际移动端 Hero 顶部仍保留径向 SVG 仪表（仅缩至 min(320px,100%)），三条横向滑块轨道出现在下方 dials-anatomy 章节而非 Hero 内。属轻微偏离，不构成拆解/重构失败，单列布局仍成立。","repairInstruction":"可选对齐 Brief：在 max-width:640px 时将 Hero 的 radial gauge 替换为三条堆叠的水平校准滑块（每条自带 ruled track 与参数名），或将 radial gauge 保留为移动端视觉焦点但明确其非滑块、并在下方保证三参数图例清晰可见。"}]}},"changedFiles":["artifact/zh-CN.html","artifact/en.html"]}],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"860d9a045f23adb8103f943560fcb8a8f1daa1dc56b2ff04d12d03de0e5e28b2","artifactHash":"86c4a7727926b0a2cddf2c98b94ca3a327fc9f32932850ab9d8af331ba76a93d","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1279,"cjkCount":489,"latinLetterCount":502,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2479,"h1Top":168.375,"bottomInset":80.234375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"a15ac2fda566a73dd883357622adbd484028230d06de45490de93729bf4c0123","middle":"78c5ce7cd8a9ac6c0b80c0cd71fb0432a2ba6d01f010ea7c1c8d83fafb7b1bdd","bottom":"3895cfa610025d1b2866556bb345a305f35a4f95128276b8cae6d168eeef991f"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":1279,"cjkCount":489,"latinLetterCount":502,"scrollWidth":390,"clientWidth":390,"scrollHeight":3488,"h1Top":424.40625,"bottomInset":79.625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"6bace73ad7d7914088a6946adc1457ccf93dd494afe45238d0ffde2c2fec973d","middle":"70c2c142043d79bfc63019cf195ef3cbd73639df8682e7b64ee6c5cabbfeaa7e","bottom":"a01fd6f4a6889dbe3e28a3cf8f432b964bf9596d24083491aa41bd86dcef472a"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2711,"cjkCount":0,"latinLetterCount":2174,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":2639,"h1Top":168.375,"bottomInset":79.984375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"837692ae82f84d18ff5f4bf081cda6e9fc97e158d096bcd77caecb267e9f25d0","middle":"3af7315b09ed26ff95b8ec756c6ff8a783f613715aea9281c0206700bc498e4e","bottom":"231000df5f63fcdf3d59c1ebe8ceb4cf2519c37039e7f0c0edcf8b29002afed0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":3,"sectionCount":5,"textLength":2711,"cjkCount":0,"latinLetterCount":2174,"scrollWidth":390,"clientWidth":390,"scrollHeight":4030,"h1Top":381.09375,"bottomInset":79.71875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5633a99a440315e2aea3d1999d5d66dc14d8d57b79e4f6095d8cc8640ec61bd1","middle":"2482ba03f02e78534281d931e16db29c9f6650fe416f916ef5e32a8232128932","bottom":"f725dd78a573f676f7cc7ba126b3e0c14291fd0fb5c14ea6e2d0cf210867a0cb"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-21T12:45:09.898Z"},"rawExtraction":{"projectRevisionId":"cmt2xbms100rpj9djl33vxlpw","projectVersion":1,"sources":[{"canonicalKey":"github:leonxlnx/taste-skill","role":"primary","revisionVersion":1,"url":"https://github.com/Leonxlnx/taste-skill"}],"facts":[{"key":"repository_owner","value":"leonxlnx","evidence":[{"path":"repository.owner","excerpt":"leonxlnx"}]},{"key":"repository_name","value":"taste-skill","evidence":[{"path":"repository.name","excerpt":"taste-skill"}]},{"key":"description","value":"Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop","evidence":[{"path":"repository.description","excerpt":"Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop"}]},{"key":"primary_language","value":"JavaScript","evidence":[{"path":"repository.language","excerpt":"JavaScript"}]},{"key":"license","value":"MIT","evidence":[{"path":"repository.license","excerpt":"MIT"}]},{"key":"topics","value":"agent, ai, claude, claude-code, codex, coding, design, frontend, lowcode, nocode, skill, skills, vibecoding","evidence":[{"path":"repository.topics","excerpt":"agent, ai, claude, claude-code, codex, coding, design, frontend, lowcode, nocode, skill, skills, vibecoding"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:leonxlnx/taste-skill"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop"}]},"lifecycle":{"stage":"prototype","confidence":0.65,"evidence":[{"path":"readmeExcerpt","excerpt":"

$\"Taste$

# Taste Skill

The Anti-Slop Frontend Framework for AI Agents

$\"Visit$