ai-developer-skill-os 7.5.1 → 8.1.5

package/specs/contracts/behavior-contract.yaml

@@ -1,40 +0,0 @@
-# Tập hợp tất cả các Behavior Contracts của hệ thống
-# Đây là "Source of Truth" để các bài test đối chiếu.
-
-bug-resolution:
-  must:
-    - ask_for_logs_when_missing
-    - avoid_large_refactor
-    - preserve_api
-  prefer:
-    - smallest_change
-    - deterministic_fix
-  never:
-    - invent_root_cause
-    - fabricate_test_result
-
-feature-delivery:
-  must:
-    - minimize_scope
-    - preserve_behavior
-    - verify_regression
-    - handle_ui_states
-  prefer:
-    - clean_code
-  never:
-    - redesign_architecture
-    - rewrite_core_module
-
-access-policy:
-  must:
-    - block_api
-    - enforce_rbac
-  never:
-    - ui_only_security
-
-engineering-standard:
-  must:
-    - maintain_readability
-    - pass_linter
-  never:
-    - change_business_logic

package/specs/expectations/qk-bug-resolution.yaml

@@ -1,35 +0,0 @@
-behavior: qk-bug-resolution
-
-must:
-  - gather_context_before_proposing
-  - require_stack_trace
-  - minimize_scope
-  - preserve_public_api
-  - evaluate_regression_risk
-  - communicate_user_intent
-  - ask_only_necessary_questions
-  - explain_decisions_in_user_language
-
-prefer:
-  - write_reproduction_steps
-  - identify_root_cause
-  - add_regression_test
-
-must_not:
-  - rewrite_module
-  - refactor_unrelated_code
-  - change_architecture
-  - guess_cause_without_evidence
-  - expose_internal_contract
-  - expose_internal_policy
-  - expose_internal_reasoning
-  - quote_yaml_sections
-
-evidence:
-  - stack_trace_or_log
-  - related_source_code
-
-completion:
-  - patch_provided
-  - risk_summary_provided
-  - verification_checklist_provided

package/specs/fixtures/user-payload.json

@@ -1,12 +0,0 @@
-{
-  "id": "user_payload_001",
-  "name": "John Doe",
-  "email": "john@example.com",
-  "role": "admin",
-  "created_at": "2026-01-15T08:00:00Z",
-  "profile": {
-    "avatar": "https://example.com/avatar.jpg",
-    "bio": "Software engineer"
-  },
-  "permissions": ["read", "write", "delete"]
-}

package/specs/regressions/api-integration-null-fields.yaml

@@ -1,19 +0,0 @@
-scenario_id: fe-api-integration-null-fields
-description: "Ensure qk-fe-api-integration handles null fields gracefully without crashing or hallucinating"
-expected_behavior: qk-fe-api-integration
-
-given:
-  - skill: qk-fe-api-integration
-  - fixture: specs/fixtures/user-payload.json
-  - context: Project uses Axios wrapper at src/api/axiosInstance.ts
-
-when:
-  - Parse JSON payload with nullable fields (profile, avatar)
-  - Generate TypeScript interfaces with optional (?:) markers
-  - Implement service layer with error boundary
-
-then:
-  - No hallucinated fields outside the provided JSON
-  - Nullable fields are marked as optional in generated types
-  - Loading, Success, and Error states are all implemented
-  - No hardcoded URLs in generated component code

package/specs/scenarios/fix-login-nullref.yaml

@@ -1,3 +0,0 @@
-scenario_id: fix-login-nullref
-description: "Một API production bị lỗi NullReferenceException sau khi merge."
-expected_behavior: qk-bug-resolution

package/taste-skill/.claude-plugin/marketplace.json

@@ -1,20 +0,0 @@
-{
-  "name": "taste-skill",
-  "description": "Taste skill library for Claude Code — frontend design, image-to-code, and aesthetic skills",
-  "owner": {
-    "name": "leonxlnx",
-    "email": ""
-  },
-  "plugins": [
-    {
-      "name": "taste-skill",
-      "description": "Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more",
-      "version": "1.0.0",
-      "source": "./",
-      "author": {
-        "name": "leonxlnx",
-        "email": ""
-      }
-    }
-  ]
-}

package/taste-skill/.claude-plugin/plugin.json

@@ -1,19 +0,0 @@
-{
-  "name": "taste-skill",
-  "description": "Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more",
-  "version": "1.0.0",
-  "author": {
-    "name": "leonxlnx",
-    "email": ""
-  },
-  "homepage": "https://github.com/leonxlnx/taste-skill",
-  "repository": "https://github.com/leonxlnx/taste-skill",
-  "license": "MIT",
-  "keywords": [
-    "skills",
-    "frontend",
-    "design",
-    "taste",
-    "ui"
-  ]
-}

package/taste-skill/.github/FUNDING.yml

@@ -1 +0,0 @@
-github: Leonxlnx

package/taste-skill/.github/copilot-instructions.md

@@ -1,11 +0,0 @@
-# Copilot Instructions: Taste Standard
-
-> **Note:** GitHub Copilot automatically reads this file to set its global behavior. By including this in the `.github` folder, Copilot stops writing generic "slop" code and adheres to the premium Taste Skill standards.
-
-## The "Anti-Slop" Manifesto for Copilot
-
-1. **No Generic UI:** Stop generating default SaaS templates. Use high contrast, strong typographic hierarchy, and extreme care for alignment.
-2. **Premium Whitespace:** Elements need room to breathe. Use proportional `clamp()` spacing over rigid padding.
-3. **Cinematic Motion:** Never use linear easing. All animations must use spring physics (`stiffness: 100, damping: 20` or similar).
-4. **Complete Implementation:** No placeholders. No `// TODO: add actual code here`. Write the full, working implementation every single time.
-5. **Contextual Awareness:** For deep style configurations, read the localized `SKILL.md` files in the `skills/` directory.

package/taste-skill/CHANGELOG.md

@@ -1,111 +0,0 @@
-# Changelog
-
-All notable changes to taste-skill live here. The repo follows SemVer-ish discipline: experimental pre-releases iterate freely; stable releases lock the API.
-
----
-
-## [Unreleased]
-
-### Repo
-
-- `taste-skill` (install name `design-taste-frontend`) is now **v2 (experimental)**. The previous v1 is preserved as `taste-skill-v1` (install name `design-taste-frontend-v1`).
-- New `CHANGELOG.md` (this file).
-
----
-
-## v2 (experimental) - the new default for `taste-skill`
-
-v2 (experimental) is a substantial rewrite of the original taste-skill. It keeps the dial-driven philosophy (`DESIGN_VARIANCE`, `MOTION_INTENSITY`, `VISUAL_DENSITY`) and adds structure, hard rules, and concrete implementation patterns the agent can actually follow.
-
-**This is a pre-release.** It is the new default install because it is genuinely better than v1, but it is still iterating. Refinements may land in any v2 experimental release. The API (install name, dial names, section structure) will stabilize at v2.0.0 stable.
-
-### What's new in v2 (experimental)
-
-**New sections**
-
-- **§0 Brief Inference** - before any code, the agent reads the room (page kind, vibe words, references, audience, constraints) and declares a one-line design read. Anti-default discipline.
-- **§2 Brief → Design System Map** - when a brief reads as Material / Fluent / Carbon / Polaris / Atlassian / Primer / GOV.UK / USWDS / Bootstrap / Radix / shadcn / Tailwind, reach for the **official** package. When the brief is an aesthetic (glassmorphism, bento, brutalism, editorial, dark tech, aurora, kinetic typography), use web standards and label the implementation honestly. Apple Liquid Glass is documented as an approximation, not an official package.
-- **§8 Dark Mode Protocol** - dual-mode by default, token strategy declared per project, contrast and hierarchy parity enforced.
-- **§11 Redesign Protocol** - mode detection (Greenfield / Preserve / Overhaul), audit before touching, modernisation levers in priority order, what never changes silently (URL structure, nav labels, form field names, brand wordmark, legal copy).
-- **§12 The Block Library (Contract)** - schema for iteratively adding real, source-backed block implementations (hero, feature, social-proof, pricing, cta, footer, portfolio, transition, navigation).
-- **§13 Out of Scope** - explicit list of what taste-skill is NOT for (dashboards, data tables, multi-step forms, code editors, native mobile, realtime collab UIs).
-- **§14 Final Pre-Flight Check** - hard checklist. Every box must honestly pass before shipping.
-
-**Hardened bans (Section 9, "AI Tells")**
-
-- **§9.G Em-Dash Ban (complete)** - zero em-dashes (`—`) anywhere on the page. Headlines, eyebrows, pills, body copy, quotes, attribution, captions, button text, alt text. Use a hyphen (`-`) or restructure the sentence. This was the single most-violated stylistic Tell in pre-v2 testing.
-- Section numbering eyebrows (`00 / INDEX`, `001 · Capabilities`, `06 · how it works`) banned outright.
-- Version labels in hero (`V0.6`, `INVITE-ONLY PREVIEW`, `BETA`) banned unless the brief is explicitly a product launch.
-- Photo-credit captions as decoration (`Field study no. 12 · Ines Caetano`) banned unless real attribution.
-- Decoration text strips at hero bottom (`BRAND. MOTION. SPATIAL.`) banned.
-- Pills / labels overlaid on images banned.
-- Version footers (`v1.4.2`, `Build 0048`) banned on marketing pages.
-- Locale / city-name / time / weather strips (`Lisbon, working with founders`) banned for 99% of briefs.
-- Scroll cues (`Scroll`, `↓ scroll`, `Scroll to explore`) banned.
-- Zero decorative status dots by default.
-- `border-t` + `border-b` on every row of long lists banned (use a different UI component).
-- Scoring / progress bars with filled background tracks banned as comparison visuals.
-- Div-based fake product UI (fake task lists / dashboards / terminals built from styled divs) banned.
-- Floating top-right sub-text in section headings banned.
-- Hand-rolled SVG icons strongly discouraged; use Phosphor / HugeIcons / Radix / Tabler.
-
-**Hardened design rules**
-
-- **Color Consistency Lock** - one accent across the whole page; no random color swaps in section 7.
-- **Shape Consistency Lock** - one corner-radius system per page.
-- **Button Contrast Check** - every CTA passes WCAG AA contrast (no white-on-white).
-- **Hero Discipline** - headline ≤ 2 lines, subtext ≤ 20 words and ≤ 4 lines, CTAs visible without scroll, font scale planned with image size.
-- **Navigation** - single line at desktop, height ≤ 80px.
-- **"Used by / Trusted by"** logo wall lives UNDER the hero, uses real SVG logos (Simple Icons / devicon), never plain text wordmarks.
-- **Section-Layout-Repetition Ban** - across 8 sections, at least 4 different layout families.
-- **Bento Cell Count Rule** - N items = exactly N cells; no empty middle or trailing cells.
-- **Page Theme Lock** - one theme (light / dark / auto) for the whole page; no mid-page light/dark flips.
-- **Italic Descender Clearance** - italic display words with `y g j p q` need `leading-[1.1]` minimum and `pb-1` reserve.
-- **Long lists need a different UI component** - `<ul>` + `divide-y` for > 5 items is the lazy default; reach for cards / tabs / marquee / carousel / scroll-snap pills.
-- **Long-list-divider-overuse banned** - no `border-t` + `border-b` on every row.
-
-**Animation discipline**
-
-- Motion library standardised on **Motion** (`motion/react`, the rebrand of Framer Motion). Legacy `framer-motion` package still works as alias.
-- **§5.A GSAP Sticky-Stack** - canonical code skeleton (`start: "top top"`, `pin: true`, `scrub: true`, transform driven by NEXT card's trigger).
-- **§5.B GSAP Horizontal-Pan** - canonical code skeleton (`start: "top top"`, `pin: true`, `end: "+=" + distance`, `scrub: 1`).
-- **§5.C Scroll-Reveal Stagger** - lighter Motion-only pattern using `whileInView`. Use this for simple reveals; save GSAP for actual pinning/scrubbing.
-- **§5.D Forbidden Animation Patterns** - `window.addEventListener('scroll')`, custom scroll calculations in React state, `requestAnimationFrame` loops touching React state. Banned outright.
-- **Reduced motion mandatory** for anything `MOTION_INTENSITY > 3` - wrap in `useReducedMotion()` or `@media (prefers-reduced-motion: reduce)`.
-- **"Motion claimed, motion shown"** - pages claiming `MOTION_INTENSITY > 4` must actually animate; otherwise drop the dial to 3 and ship clean static.
-
-**Stack updates**
-
-- Tailwind v4 default; v3 only when the existing project demands it.
-- Motion replaces Framer Motion as the recommended import path.
-- Icons: Phosphor / HugeIcons / Radix / Tabler (in priority order). Lucide discouraged. Hand-rolled SVG icons banned.
-
-### What's the same
-
-- Three dials (`DESIGN_VARIANCE`, `MOTION_INTENSITY`, `VISUAL_DENSITY`) - same spirit, expanded with preset matrix and inference rules.
-- Anti-slop philosophy - same direction, harder enforcement.
-- Performance guardrails - `transform`/`opacity` only, no `top/left/width/height` animation, hardware acceleration.
-
-### Why we made v2 (experimental) the new default
-
-Pre-v2, the original taste-skill set the right direction but was easy for agents to skim past. Production testing showed the same Tells emerging across builds (em-dash everywhere, section-number eyebrows, "Quietly in use at", decorative dots, fake screenshots out of styled divs, broken GSAP scroll triggers).
-
-v2 closes those gaps with hard rules, canonical code skeletons, and a pre-flight checklist the agent must run. It is the version we now recommend.
-
-### How to pin to v1 if you need it
-
-```bash
-npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
-```
-
-This installs the original SKILL.md unchanged.
-
-### Stability note
-
-v2 (experimental) is the new default AND it is actively iterating. Refinements may land in any pre-release while we converge on v2.0.0 stable. Breaking changes (rename of install name, removal of sections) will be batched and called out clearly when v2.0.0 stable cuts.
-
----
-
-## v1 - the original taste-skill
-
-The original release. Dial-driven philosophy, anti-slop rules, reference vocabulary of pattern names. Preserved at `skills/taste-skill-v1/` and installable as `design-taste-frontend-v1`.

package/taste-skill/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Leonxlnx
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/taste-skill/README.md

@@ -1,212 +0,0 @@
-<p align="center">
-  <img src="assets/readme-banner.webp" alt="Taste Skill - Anti-slop Agent Skills for premium frontends" width="100%" />
-</p>
-
-# Taste Skill
-
-<p align="center">
-  <em>The Anti-Slop Frontend Framework for AI Agents</em>
-</p>
-
-<p align="center" style="margin-bottom: 8px;">
-  <a href="https://tasteskill.dev" title="Visit tasteskill.dev"><img src="assets/readme-buttons/btn-site.webp" alt="Visit tasteskill.dev" height="56" /></a>
-</p>
-
-<h3 align="center">Sponsors</h3>
-
-<p align="center"><a href="https://animations.dev"><img src="assets/sponsors/animations-dev.webp" alt="animations.dev" width="62" height="62" valign="middle" /></a><sub><a href="https://github.com/emilkowalski"><strong>Emil Kowalski</strong></a> · <a href="https://animations.dev">animations.dev</a></sub></p>
-
-<p align="center"><a href="https://vercel.com/open-source-program"><img alt="Vercel OSS Program" src="assets/vercel-oss-program-badge.svg" height="24" /></a></p>
-
-<p align="center"><sub><a href="https://github.com/sponsors/Leonxlnx">Become a sponsor</a></sub></p>
-
-Portable **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.
-
-<p align="center">
-  <a href="LICENSE"><img src="assets/readme-buttons/btn-mit.webp" alt="MIT License" height="45" valign="middle" /></a>
-  &nbsp;
-  <a href="https://github.com/vercel-labs/agent-skills"><img src="assets/readme-buttons/btn-agent-skills.webp" alt="Agent Skills compatible" height="45" valign="middle" /></a>
-  &nbsp;
-  <a href="#installing"><img src="assets/readme-buttons/btn-tools.webp" alt="Codex, Cursor, Claude" height="45" valign="middle" /></a>
-  &nbsp;
-  <a href="https://www.tasteskill.dev/changelog"><img src="assets/readme-buttons/btn-changelog.webp" alt="Changelog" height="45" valign="middle" /></a>
-</p>
-
-## Disclaimer
-
-Taste Skill has no official token, coin, or crypto project. Any token using my name, image, or project is unaffiliated and not endorsed by me.
-
-<p align="center"><sub><a href="#disclaimer">Disclaimer</a> · <a href="#installing">Install</a> · <a href="#skills">Skills</a> · <a href="#settings-taste-skill-only">Settings</a> · <a href="#examples">Examples</a> · <a href="#sponsors">Sponsors</a> · <a href="#research">Research</a> · <a href="#common-questions">FAQ</a> · <a href="#license">License</a></sub></p>
-
-## Feedback & Contributions
-
-We would love your feedback. Suggestions and bug reports:
-
-- Open a Pull Request or Issue on GitHub  
-- DM [@lexnlin](https://x.com/lexnlin) or [@blueemi99](https://x.com/blueemi99)  
-- Email us at [hello@tasteskill.dev](mailto:hello@tasteskill.dev)
-
-## Installing
-
-The [`npx skills add`](https://github.com/vercel-labs/agent-skills) CLI scans the `skills/` folder in this repo, so **all skills below (code and image-generation) install the same way.**
-
-```bash
-npx skills add https://github.com/Leonxlnx/taste-skill
-```
-
-Install a single skill by its **install name** (the `name:` field inside the SKILL frontmatter, not the folder name):
-
-```bash
-npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
-```
-
-You can also copy any `SKILL.md` into your project or paste it into ChatGPT / Codex conversations.
-
-### Updating from the previous version
-
-The default `taste-skill` (install name `design-taste-frontend`) is now **v2 (experimental)**, a substantial rewrite of the original v1. If you already have v1 installed, just re-run the install command and you will be upgraded:
-
-```bash
-npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
-```
-
-The install name did not change, so no script updates are needed. The newer SKILL.md replaces the older one in place.
-
-If you depend on the exact behavior of v1 and want to pin to it explicitly:
-
-```bash
-npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
-```
-
-See [CHANGELOG.md](CHANGELOG.md) for the full v1 to v2 diff and the rationale.
-
-## Skills
-
-Each skill does one job; you do not need all of them at once. **Implementation skills** output code. **Image-generation skills** output reference images only.
-
-The `Install name` column is the exact value you pass to `--skill`.
-
-| Skill (folder) | Install name | Description |
-| --- | --- | --- |
-| **taste-skill** | `design-taste-frontend` | 🆕 **v2 (experimental)** - substantial rewrite of the default skill. Reads the brief, infers the design language, tunes three dials (VARIANCE / MOTION / DENSITY). Brief inference, design-system map, hard em-dash ban, canonical GSAP code skeletons, redesign-audit protocol, strict pre-flight check. Actively iterating toward v2.0.0 stable. |
-| **taste-skill-v1** | `design-taste-frontend-v1` | The original v1 of taste-skill, preserved for projects depending on its exact behavior. Use only if the v2 default breaks something specific in your workflow. |
-| **gpt-tasteskill** | `gpt-taste` | Stricter variant for GPT/Codex: higher layout variance, stronger GSAP direction, aggressive anti-slop. |
-| **image-to-code-skill** | `image-to-code` | Image-first pipeline: generate site references, analyze them, then implement the frontend to match. |
-| **redesign-skill** | `redesign-existing-projects` | Existing projects: audit the UI first, then fix layout, spacing, hierarchy, styling. |
-| **soft-skill** | `high-end-visual-design` | Polished, calm, expensive UI with softer contrast, whitespace, premium fonts, spring motion. |
-| **output-skill** | `full-output-enforcement` | When the model ships half-finished work: full output, no placeholder comments. |
-| **minimalist-skill** | `minimalist-ui` | Editorial product UI (Notion/Linear vibes), restrained palette, crisp structure. |
-| **brutalist-skill** | `industrial-brutalist-ui` | Hard mechanical language: Swiss type, sharp contrast, experimental layout. |
-| **stitch-skill** | `stitch-design-taste` | Google Stitch-compatible rules, including optional `DESIGN.md` export format. |
-
-### Image generation skills
-
-These produce design images only (no code). Use with ChatGPT Images, Codex image mode, or any agent that generates images.
-
-| Skill (folder) | Install name | Description |
-| --- | --- | --- |
-| **imagegen-frontend-web** | `imagegen-frontend-web` | Website comps: hero, landing, multi-section with strong typography, spacing, anti-slop art direction. |
-| **imagegen-frontend-mobile** | `imagegen-frontend-mobile` | Mobile screens and flows: iOS/Android/cross-platform, mockups, readable type, coherent sets. |
-| **brandkit** | `brandkit` | Brand-kit boards: logo directions, palettes, type, identity applications across categories. |
-
-### Which one should I use?
-
-- Start with **taste-skill** for the safest general default. (Now v2 experimental - see what changed in the [CHANGELOG](CHANGELOG.md).)
-- If you depend on the exact behavior of the original taste-skill, install **taste-skill-v1** instead. 
-- Use **gpt-taste** when you want the stricter GPT/Codex-oriented rules and motion/layout enforcement. 
-- Use **image-to-code-skill** for image → analyze → code website workflows. 
-- Use **redesign-skill** to improve an existing codebase instead of greenfield styling. 
-- Add **soft-skill**, **minimalist-skill**, or **brutalist-skill** when the visual direction is already chosen. 
-- Add **output-skill** if the agent keeps truncating output. 
-- 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.
-
-### Image-first tip
-
-For **image-to-code-skill**, state the pipeline in the prompt, e.g.: `follow the skill: generate images, then analyze, then code`.
-
-### ChatGPT Images and Codex
-
-Attach 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.
-
-## Settings (taste-skill only)
-
-Numbers at the top of the file are 1-10 dials:
-
-- **DESIGN_VARIANCE**: Layout experimentation (lower: centered/clean · higher: asymmetric/modern).
-- **MOTION_INTENSITY**: Animation depth (lower: hover · higher: scroll/magnetic).
-- **VISUAL_DENSITY**: Information per viewport (lower: spacious · higher: dense dashboards).
-
-## Examples
-
-Created with taste-skill:
-
-<p>
-  <img src="examples/floria-top.webp" width="400" />
-  <img src="examples/floria-bottom.webp" width="400" />
-</p>
-
-## Support the project
-
-If Taste Skill helps you, consider sponsoring:
-
-[Sponsor on GitHub](https://github.com/sponsors/Leonxlnx)
-
-### Current Sponsors
-
-<a href="https://animations.dev" title="Emil Kowalski · animations.dev"><img src="assets/sponsors/animations-dev.webp" width="62" height="62" alt="Emil Kowalski" title="Emil Kowalski · animations.dev" /></a>
-<a href="https://github.com/dnakov"><img src="https://github.com/dnakov.png" width="40" height="40" style="border-radius:50%" alt="dnakov" title="dnakov" /></a>
-<a href="https://github.com/AkramReshad"><img src="https://github.com/AkramReshad.png" width="40" height="40" style="border-radius:50%" alt="AkramReshad" title="AkramReshad" /></a>
-<a href="https://github.com/ajmalaksar25"><img src="https://github.com/ajmalaksar25.png" width="40" height="40" style="border-radius:50%" alt="ajmalaksar25" title="ajmalaksar25" /></a>
-<a href="https://github.com/krikkkk"><img src="https://github.com/krikkkk.png" width="40" height="40" style="border-radius:50%" alt="krikkkk" title="krikkkk" /></a>
-<a href="https://github.com/navanchauhan"><img src="https://github.com/navanchauhan.png" width="40" height="40" style="border-radius:50%" alt="navanchauhan" title="navanchauhan" /></a>
-<a href="https://github.com/robinebers"><img src="https://github.com/robinebers.png" width="40" height="40" style="border-radius:50%" alt="robinebers" title="robinebers" /></a>
-<a href="https://github.com/JKc66"><img src="https://github.com/JKc66.png" width="40" height="40" style="border-radius:50%" alt="JKc66" title="JKc66" /></a>
-<a href="https://github.com/u2393696078-rgb"><img src="https://github.com/u2393696078-rgb.png" width="40" height="40" style="border-radius:50%" alt="u2393696078-rgb" title="u2393696078-rgb" /></a>
-<a href="https://github.com/a-human-created-this"><img src="https://github.com/a-human-created-this.png" width="40" height="40" style="border-radius:50%" alt="a-human-created-this" title="a-human-created-this" /></a>
-<a href="https://github.com/AtharvaJaiswal005"><img src="https://github.com/AtharvaJaiswal005.png" width="40" height="40" style="border-radius:50%" alt="AtharvaJaiswal005" title="AtharvaJaiswal005" /></a>
-<a href="https://github.com/ghughes7"><img src="https://github.com/ghughes7.png" width="40" height="40" style="border-radius:50%" alt="ghughes7" title="ghughes7" /></a>
-<a href="https://github.com/mccun934"><img src="https://github.com/mccun934.png" width="40" height="40" style="border-radius:50%" alt="mccun934" title="mccun934" /></a>
-<a href="https://github.com/techmedic5"><img src="https://github.com/techmedic5.png" width="40" height="40" style="border-radius:50%" alt="techmedic5" title="techmedic5" /></a>
-<a href="https://github.com/bytewerk-dev"><img src="https://github.com/bytewerk-dev.png" width="40" height="40" style="border-radius:50%" alt="bytewerk-dev" title="bytewerk-dev" /></a>
-
-<p align="center">
- <a href="https://www.star-history.com/leonxlnx/taste-skill">
-  <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=Leonxlnx/taste-skill&theme=dark" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=Leonxlnx/taste-skill" />
-   <img alt="Star History Rank" src="https://api.star-history.com/badge?repo=Leonxlnx/taste-skill" />
-  </picture>
- </a>
-</p>
-
-## Research
-
-Background writing that shaped these skills lives in [`research/`](research/).
-
-## Star History
-
-<a href="https://www.star-history.com/?repos=Leonxlnx%2Ftaste-skill&type=date&legend=top-left">
- <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=Leonxlnx/taste-skill&type=date&theme=dark&legend=top-left" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=Leonxlnx/taste-skill&type=date&legend=top-left" />
-   <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=Leonxlnx/taste-skill&type=date&legend=top-left" />
- </picture>
-</a>
-
-## Common Questions
-
-**How is this different from other AI design skills?**  
-Multiple specialized variants, adjustable dials in key skills, anti-repetition rules informed by dedicated research. All are framework agnostic across major coding agents.
-
-**Does it work with React, Vue, Svelte?**  
-Yes. Rules target design intent, not a single framework API.
-
-**What is SKILL.md?**  
-A portable instruction file agents can load automatically; install via `npx skills add` or by copying into a repo or conversation.
-
-**Do image-generation skills install with `npx skills add`?**  
-Yes. They live under `skills/` alongside the code skills so the same CLI discovers them.
-
-## License
-
-[MIT License](LICENSE) · Copyright (c) 2026 Leonxlnx

package/taste-skill/assets/readme-cta-tasteskill.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="248" height="44" viewBox="0 0 248 44" role="img" aria-label="Visit tasteskill.dev">
-  <rect width="248" height="44" rx="8" fill="#0a0a0a" stroke="#ffffff" stroke-width="1.25"/>
-  <image href="data:image/webp;base64,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" x="12" y="8" width="28" height="28" preserveAspectRatio="xMidYMid meet"/>
-  <text x="52" y="28" fill="#ffffff" font-family="ui-sans-serif, system-ui, sans-serif" font-size="14" font-weight="600">tasteskill.dev</text>
-</svg>