cherryyang05/design-taste-frontend

v1.0.0

tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or "AI-made".

GitHub Open Website

scripts

design-taste-frontend
assets/backgrounds/backgrounds.js
assets/backgrounds/check.mjs
assets/backgrounds/pick.mjs
assets/components/fx-avatar/component.js
assets/components/fx-band/component.js
assets/components/fx-bars/component.js
assets/components/fx-button/component.js
assets/components/fx-chart/component.js
assets/components/fx-dither-object/component.js
144 more
- assets/components/fx-feature-card/component.js
- assets/components/fx-globe/component.js
- assets/components/fx-headline/component.js
- assets/components/fx-icon-tiles/component.js
- assets/components/fx-logos/component.js
- assets/components/fx-map/bake.mjs
- assets/components/fx-map/component.js
- assets/components/fx-photo/component.js
- assets/components/fx-pricing/component.js
- assets/components/fx-progress/component.js
- assets/components/fx-prompt/component.js
- assets/components/fx-search/component.js
- assets/components/fx-spotlight/component.js
- assets/components/fx-stat/component.js
- assets/components/fx-tabs/component.js
- assets/components/shared.js
- assets/diagrams/diagram.js
- assets/diagrams/mount.js
- assets/effects/ascii-shade/effect.js
- assets/effects/aurora-curtains/effect.js
- assets/effects/bayer-dither/effect.js
- assets/effects/caustics/effect.js
- assets/effects/contour-lines/effect.js
- assets/effects/dot-terrain/effect.js
- assets/effects/dotted-globe/effect.js
- assets/effects/duotone-grade/effect.js
- assets/effects/edge-glow/effect.js
- assets/effects/film-light-leak/effect.js
- assets/effects/fluted-glass/effect.js
- assets/effects/fx.js
- assets/effects/god-rays/effect.js
- assets/effects/gradient-mesh/effect.js
- assets/effects/grain-gradient/effect.js
- assets/effects/grid-pulse/effect.js
- assets/effects/halftone-screen/effect.js
- assets/effects/line-engraving/effect.js
- assets/effects/orb-sphere/effect.js
- assets/effects/painterly-landscape/effect.js
- assets/effects/pick.js
- assets/effects/prism-dispersion/effect.js
- assets/effects/ridgeline/effect.js
- assets/effects/ruled-grounds/effect.js
- assets/effects/silk-folds/effect.js
- assets/effects/soft-light-bars/effect.js
- assets/effects/spotlight-cone/effect.js
- assets/layout/check.mjs
- assets/layout/deal.mjs
- assets/layout/layout-check.js
- assets/layout/layout.js
- assets/moments/closing-lift/moment.js
- assets/moments/counter-rolls/moment.js
- assets/moments/cursor-spotlight/moment.js
- assets/moments/giant-type-pass/moment.js
- assets/moments/headline-arrives/moment.js
- assets/moments/iris-opens/moment.js
- assets/moments/letters-assemble/moment.js
- assets/moments/lib.js
- assets/moments/line-carries-colour/moment.js
- assets/moments/lines-rise/moment.js
- assets/moments/liquid-hover/moment.js
- assets/moments/liquid-type/moment.js
- assets/moments/marquee-row/moment.js
- assets/moments/moments.js
- assets/moments/photo-chapters/moment.js
- assets/moments/picture-develops/moment.js
- assets/moments/pinned-chapters/moment.js
- assets/moments/window-parallax/moment.js
- assets/moments/word-highlight/moment.js
- assets/moments/word-rotate/moment.js
- assets/motion/motion.js
- assets/objects/_print-core/auto.js
- assets/objects/_print-core/demo.js
- assets/objects/_print-core/lint-glsl.mjs
- assets/objects/_print-core/print3d.js
- assets/objects/_scenes/auto.js
- assets/objects/_scenes/demo.js
- assets/objects/_scenes/kit.js
- assets/objects/_scenes/lint-glsl.mjs
- assets/objects/dither-sequence/object.js
- assets/objects/dot-object/object.js
- assets/objects/exploded-layers/object.js
- assets/objects/photo-dither/object.js
- assets/objects/photo-engraving/object.js
- assets/objects/photo-halftone/object.js
- assets/objects/photo-kit/demo.js
- assets/objects/photo-kit/photo.js
- assets/objects/print-cards/object.js
- assets/objects/print-cup/object.js
- assets/objects/print-globe/land.js
- assets/objects/print-globe/object.js
- assets/objects/print-lamp/object.js
- assets/objects/print-wheel/object.js
- assets/objects/product-render/auto.js
- assets/objects/product-render/build.js
- assets/objects/product-render/make-posters.mjs
- assets/objects/product-turntable/object.js
- assets/objects/split-reveal/object.js
- assets/scenes/_demo/shoot.mjs
- assets/scenes/descend-through-weather/scene.js
- assets/scenes/dot-becomes-the-full-stop/scene.js
- assets/scenes/fixed-hero-object/scene.js
- assets/scenes/fly-into-the-shape/scene.js
- assets/scenes/letter-bar-floods-the-ground/scene.js
- assets/scenes/letter-physics/scene.js
- assets/scenes/lib.js
- assets/scenes/object-through-giant-type/scene.js
- assets/scenes/parts-lock-into-the-whole/scene.js
- assets/scenes/powers-of-ten-pullback/scene.js
- assets/scenes/print.js
- assets/scenes/product-assembles-into-its-action/scene.js
- assets/scenes/scenes.js
- assets/scenes/shaped-window-over-fixed-world/scene.js
- assets/system.js
- assets/ui/_lab/build-index.mjs
- assets/ui/apps/fragment.js
- assets/ui/calendar/fragment.js
- assets/ui/chat/fragment.js
- assets/ui/checklist/fragment.js
- assets/ui/code/fragment.js
- assets/ui/cursor/fragment.js
- assets/ui/diff-review/fragment.js
- assets/ui/doc/fragment.js
- assets/ui/files/fragment.js
- assets/ui/integrations/fragment.js
- assets/ui/notify/fragment.js
- assets/ui/pipeline-board/fragment.js
- assets/ui/search/fragment.js
- assets/ui/slider/fragment.js
- assets/ui/stat/fragment.js
- assets/ui/terminal-run/fragment.js
- assets/ui/toggles/fragment.js
- assets/ui/ui.js
- assets/ui/voice/fragment.js
- assets/ui/window/fragment.js
- scripts/consistency.mjs
- scripts/copy-lint.mjs
- scripts/effects.mjs
- scripts/gate.mjs
- scripts/icons.mjs
- scripts/moments.mjs
- scripts/perf.mjs
- scripts/photos.mjs
- scripts/shoot.mjs
- scripts/start.mjs

plugin.json

name: design-taste-frontend
version: 1.0.0
description: tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or "AI-made".
author: CherryYang05https://github.com/CherryYang05
homepage: https://github.com/CherryYang05/myskills/tree/master/skills/external/design-taste-frontend
repository: https://github.com/CherryYang05/myskills
extensions: com.openai

plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "design-taste-frontend",
  "version": "1.0.0",
  "description": "tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or \"AI-made\".",
  "author": {
    "name": "CherryYang05",
    "url": "https://github.com/CherryYang05"
  },
  "homepage": "https://github.com/CherryYang05/myskills/tree/master/skills/external/design-taste-frontend",
  "repository": "https://github.com/CherryYang05/myskills",
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "design-taste-frontend",
        "shortDescription": "tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.…",
        "longDescription": "tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or \"AI-made\".",
        "developerName": "CherryYang05",
        "category": "Productivity",
        "websiteURL": "https://github.com/CherryYang05/myskills/tree/master/skills/external/design-taste-frontend",
        "brandColor": "#755690",
        "logo": "./assets/icon.svg",
        "composerIcon": "./assets/icon.svg"
      }
    }
  }
}

What else this package ships

These files come with the package and this site does not publish them. They are listed so you know what is there before you install it.

153JavaScript files
130JSON files
LICENSE.upstream.txt
1109images
211other files

View on GitHub

Client extensions

Data this package carries for particular clients. The directory lists the clients named and never reads what is addressed to them.

com.openai