[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74855":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":16,"starSnapshotCount":16,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},74855,"taste-skill","Leonxlnx\u002Ftaste-skill","Leonxlnx","Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop ","https:\u002F\u002Ftasteskill.dev",null,"Shell",35070,2571,114,12,0,1330,6045,16314,5387,120,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39],"agent","ai","claude","claude-code","codex","coding","design","frontend","lowcode","nocode","skill","skills","vibecoding","2026-06-07 04:05:39","\u003Cp align=\"center\">\n  \u003Cimg src=\"assets\u002Freadme-banner.png\" alt=\"Taste Skill — Anti-slop Agent Skills for premium frontends\" width=\"100%\" \u002F>\n\u003C\u002Fp>\n\n# Taste Skill\n\n\u003Cp align=\"center\">\n  \u003Cem>The Anti-Slop Frontend Framework for AI Agents\u003C\u002Fem>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Ftasteskill.dev\" title=\"Taste Skill — tasteskill.dev\">\n    \u003Cimg src=\"assets\u002Ftaste-skill-logo.webp\" width=\"80\" height=\"80\" alt=\"Taste Skill\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Ftasteskill.dev\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOPEN-tasteskill.dev-%23a855f7?style=for-the-badge&labelColor=%230f172a\" alt=\"Open tasteskill.dev\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\nPortable **Agent Skills** that upgrade AI-built interfaces: stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs. This repo also includes **image-generation skills** for reference boards (web, mobile, brand kits). Pair them with **ChatGPT Images** or similar generators, then hand the frames to Codex, Cursor, or Claude Code for implementation.\n\n\u003Cp align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FLeonxlnx\u002Ftaste-skill?style=for-the-badge&logo=github&labelColor=1e293b&color=fbbf24\" alt=\"GitHub stars\"\u002F>\u003C\u002Fa>\n\u003Ca href=\"LICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-fbbf24?style=for-the-badge&labelColor=1e293b\" alt=\"MIT License\"\u002F>\u003C\u002Fa>\n\u003Ca href=\"#installing\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTools-Codex%20%C2%B7%20Cursor%20%C2%B7%20Claude-111827?style=for-the-badge&labelColor=1e293b\" alt=\"Supported agents\"\u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fwww.tasteskill.dev\u002Fchangelog\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FChangelog-Latest-059669?style=for-the-badge&labelColor=1e293b\" alt=\"Changelog on tasteskill.dev\"\u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n## Disclaimer\n\nTaste Skill has no official token, coin, or crypto project. Any token using my name, image, or project is unaffiliated and not endorsed by me.\n\n\u003Cp align=\"center\">\u003Csub>\u003Ca href=\"#disclaimer\">Disclaimer\u003C\u002Fa> · \u003Ca href=\"#installing\">Install\u003C\u002Fa> · \u003Ca href=\"#skills\">Skills\u003C\u002Fa> · \u003Ca href=\"#settings-taste-skill-only\">Settings\u003C\u002Fa> · \u003Ca href=\"#examples\">Examples\u003C\u002Fa> · \u003Ca href=\"#support-the-project\">Sponsor\u003C\u002Fa> · \u003Ca href=\"#research\">Research\u003C\u002Fa> · \u003Ca href=\"#common-questions\">FAQ\u003C\u002Fa> · \u003Ca href=\"#license\">License\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Fp>\n\n## Feedback & Contributions\n\nWe would love your feedback. Suggestions and bug reports:\n\n- Open a Pull Request or Issue on GitHub  \n- DM [@lexnlin](https:\u002F\u002Fx.com\u002Flexnlin) or [@blueemi99](https:\u002F\u002Fx.com\u002Fblueemi99)  \n- Email us at [hello@tasteskill.dev](mailto:hello@tasteskill.dev)\n\n## Installing\n\nThe [`npx skills add`](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills) CLI scans the `skills\u002F` folder in this repo, so **all skills below (code and image-generation) install the same way.**\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill\n```\n\nInstall a single skill by its **install name** (the `name:` field inside the SKILL frontmatter, not the folder name):\n\n```bash\nnpx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill --skill \"design-taste-frontend\"\n```\n\nYou can also copy any `SKILL.md` into your project or paste it into ChatGPT \u002F Codex conversations.\n\n## Skills\n\nEach skill does one job; you do not need all of them at once. **Implementation skills** output code. **Image-generation skills** output reference images only.\n\nThe `Install name` column is the exact value you pass to `--skill`.\n\n| Skill (folder) | Install name | Description |\n| --- | --- | --- |\n| **taste-skill** | `design-taste-frontend` | Default all-rounder for premium frontend output without locking one narrow visual style. |\n| **gpt-tasteskill** | `gpt-taste` | Stricter variant for GPT\u002FCodex: higher layout variance, stronger GSAP direction, aggressive anti-slop. |\n| **image-to-code-skill** | `image-to-code` | Image-first pipeline: generate site references, analyze them, then implement the frontend to match. |\n| **redesign-skill** | `redesign-existing-projects` | Existing projects: audit the UI first, then fix layout, spacing, hierarchy, styling. |\n| **soft-skill** | `high-end-visual-design` | Polished, calm, expensive UI with softer contrast, whitespace, premium fonts, spring motion. |\n| **output-skill** | `full-output-enforcement` | When the model ships half-finished work: full output, no placeholder comments. |\n| **minimalist-skill** | `minimalist-ui` | Editorial product UI (Notion\u002FLinear vibes), restrained palette, crisp structure. |\n| **brutalist-skill** | `industrial-brutalist-ui` | ⚠️ `BETA` Hard mechanical language: Swiss type, sharp contrast, experimental layout. |\n| **stitch-skill** | `stitch-design-taste` | Google Stitch-compatible rules, including optional `DESIGN.md` export format. |\n\n### Image generation skills\n\nThese produce design images only (no code). Use with ChatGPT Images, Codex image mode, or any agent that generates images.\n\n| Skill (folder) | Install name | Description |\n| --- | --- | --- |\n| **imagegen-frontend-web** | `imagegen-frontend-web` | Website comps: hero, landing, multi-section with strong typography, spacing, anti-slop art direction. |\n| **imagegen-frontend-mobile** | `imagegen-frontend-mobile` | Mobile screens and flows: iOS\u002FAndroid\u002Fcross-platform, mockups, readable type, coherent sets. |\n| **brandkit** | `brandkit` | Brand-kit boards: logo directions, palettes, type, identity applications across categories. |\n\n### Which one should I use?\n\n- Start with **taste-skill** for the safest general default.  \n- Use **gpt-taste** when you want the stricter GPT\u002FCodex-oriented rules and motion\u002Flayout enforcement.  \n- Use **image-to-code-skill** for image → analyze → code website workflows.  \n- Use **redesign-skill** to improve an existing codebase instead of greenfield styling.  \n- Add **soft-skill**, **minimalist-skill**, or **brutalist-skill** when the visual direction is already chosen.  \n- Add **output-skill** if the agent keeps truncating output.  \n- Use **imagegen-frontend-web**, **imagegen-frontend-mobile**, or **brandkit** when the deliverable is **images** (comps, flows, identity boards), then pass results to your coding agent.\n\n### Image-first tip\n\nFor **image-to-code-skill**, state the pipeline in the prompt, e.g.: `follow the skill: generate images, then analyze, then code`.\n\n### ChatGPT Images and Codex\n\nAttach or paste **`imagegen-frontend-web`**, **`imagegen-frontend-mobile`**, or **`brandkit`** and ask for the frames you need, then feed the renders to Codex, Cursor, or Claude Code. Use **image-to-code-skill** when you want one workflow that both generates references and implements the site in code.\n\n## Settings (taste-skill only)\n\nNumbers at the top of the file are 1-10 dials:\n\n- **DESIGN_VARIANCE**: Layout experimentation (lower: centered\u002Fclean · higher: asymmetric\u002Fmodern).\n- **MOTION_INTENSITY**: Animation depth (lower: hover · higher: scroll\u002Fmagnetic).\n- **VISUAL_DENSITY**: Information per viewport (lower: spacious · higher: dense dashboards).\n\n## Examples\n\nCreated with taste-skill:\n\n\u003Cp>\n  \u003Cimg src=\"examples\u002Ffloria-top.webp\" width=\"400\" \u002F>\n  \u003Cimg src=\"examples\u002Ffloria-bottom.webp\" width=\"400\" \u002F>\n\u003C\u002Fp>\n\n## Support the project\n\nIf Taste Skill helps you, consider sponsoring:\n\n[Sponsor on GitHub](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FLeonxlnx)\n\n### Current Sponsors\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frobinebers\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Frobinebers.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"robinebers\" title=\"robinebers\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FJKc66\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FJKc66.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"JKc66\" title=\"JKc66\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fu2393696078-rgb\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fu2393696078-rgb.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"u2393696078-rgb\" title=\"u2393696078-rgb\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fa-human-created-this\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fa-human-created-this.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"a-human-created-this\" title=\"a-human-created-this\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAtharvaJaiswal005\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FAtharvaJaiswal005.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"AtharvaJaiswal005\" title=\"AtharvaJaiswal005\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fghughes7\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fghughes7.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"ghughes7\" title=\"ghughes7\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmccun934\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fmccun934.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"mccun934\" title=\"mccun934\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnavanchauhan\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fnavanchauhan.png\" width=\"40\" height=\"40\" style=\"border-radius:50%\" alt=\"navanchauhan\" title=\"navanchauhan\" \u002F>\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n \u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002Fleonxlnx\u002Ftaste-skill\">\n  \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fbadge?repo=Leonxlnx\u002Ftaste-skill&theme=dark\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fbadge?repo=Leonxlnx\u002Ftaste-skill\" \u002F>\n   \u003Cimg alt=\"Star History Rank\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fbadge?repo=Leonxlnx\u002Ftaste-skill\" \u002F>\n  \u003C\u002Fpicture>\n \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Research\n\nBackground writing that shaped these skills lives in [`research\u002F`](research\u002F).\n\n## Common Questions\n\n**How is this different from other AI design skills?**  \nMultiple specialized variants, adjustable dials in key skills, anti-repetition rules informed by dedicated research. All are framework agnostic across major coding agents.\n\n**Does it work with React, Vue, Svelte?**  \nYes. Rules target design intent, not a single framework API.\n\n**What is SKILL.md?**  \nA portable instruction file agents can load automatically; install via `npx skills add` or by copying into a repo or conversation.\n\n**Do image-generation skills install with `npx skills add`?**  \nYes. They live under `skills\u002F` alongside the code skills so the same CLI discovers them.\n\n## License\n\n[MIT License](LICENSE) · Copyright (c) 2026 Leonxlnx\n","Taste-Skill 是一个旨在提升AI生成界面质量的前端框架，通过改进布局、排版、动画和间距来避免生成单调乏味的设计。该项目的核心功能包括一系列可移植的Agent技能，这些技能能够显著改善由AI构建的用户界面，并提供图像生成技能用于创建参考板（如网页、移动应用和品牌套件）。技术特点上，它支持与Codex、Cursor或Claude Code等工具配合使用，以实现更高质量的设计输出。适合于需要提高AI生成内容视觉吸引力的各种场景，尤其是前端开发和设计领域。",2,"2026-06-06 03:52:12","high_star"]