Skip to content
cccskills
FreePublished on GitHub

taste

Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.

OriginalShow the original description

Mandatory preflight for web frontend visual design. If available, call read_skill for bundled:taste before the first frontend create or edit tool call whenever creating or visually styling a human-viewed web page, component, app, dashboard, or interactive report. Do not load it for non-visual frontend logic or machine-only HTML. If unavailable, continue without warning. Negative constraints only; user requests and other explicit styles still win.

See how to install

Good for

  • Review design choices before creating a web page
  • Check repetitive card layouts in a dashboard
  • Review typography and color choices in components
  • Check scrolling animations and reduced-motion support

Files included (1)

  • SKILL.md2.0 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Anti-Slop: Frontend DON'Ts

What NOT to do when designing a UI or page. This is a filter, not a style; it never prescribes a look. Stacking several of the below is what reads as AI-made on sight. Adaptive, so if the user or another skill asks for something specific, do that instead; these are defaults, not overrides.

  • purple / indigo / violet accent, or a purple-to-blue hero gradient (the top AI tell)
  • bg-clip-text gradient headline text
  • cream (#faf8f4) as the whole-page background
  • aurora blobs / glowing colored shadows, or an identical glow on every card
  • Inter everywhere, or Geist / Space Grotesk / Instrument Serif / Roboto / Arial as your only identity
  • gray-400 / gray-500 body text
  • one font weight and size throughout (no hierarchy)
  • tracked all-caps micro-kickers above every section
  • centered hero of eyebrow pill + headline + two CTAs
  • the identical 3-card feature grid with a lucide icon in a rounded square
  • an 8+ word, 48px+ headline that says nothing
  • bento grid for everything
  • the same eyebrow-headline-3cards section repeated back to back
  • rounded-2xl, or any single radius, on every element
  • glassmorphism blur + border + shadow on every surface
  • hover:scale-105 lift on cards
  • emoji as feature icons (🚀 ⚡ ✨ 🎯 💡)
  • left-border accent cards, a colored border on a rounded element, or cards nested inside cards
  • fade-up / slide-up on everything as it scrolls in
  • motion that ignores prefers-reduced-motion
  • scribbly hand-drawn SVG mascots with no purpose

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

3d-object

FreeSummary

Create a 3D object with three.js, inspect it from every angle in an interactive viewer, and download it as OBJ + MTL or GLB for use in other 3D applications.

  • Create a 3D object and inspect it from every angle
  • Export a model for further editing in Blender
  • Review an object's silhouette and materials
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

action-items

FreeSummary

Maintain a private task list with deadlines, next steps, waiting parties, and blockers. Update progress and dependencies, merge duplicate items, and archive closed tasks so ongoing commitments stay clear and easy to follow.

  • Record tasks and commitments with deadlines
  • Track pending replies and reasons work cannot proceed
  • Update task dependencies when prerequisites are completed
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

agents

FreeSummary

Coordinate a task from a verifiable goal through completion. Handle work directly or split independent tasks across separate agent sessions, track progress, verify results, and arrange pull request merging when included in the goal.

  • Split independent tasks across agents
  • Check progress across ongoing tasks
  • Resume a previously started project
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

animated-video

FreeSummary

Create animated HTML pages with smooth scene transitions and playback controls. An editable timeline lets users adjust scene lengths and speeds, with fixed landscape or portrait layouts prepared for video export.

  • Create an animated product walkthrough
  • Explain a message through moving text and graphics
  • Build a portrait animation for video export
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

apple_healthkit

FreeSummary

Review synced Apple Health records, including steps, heart rate, sleep, and workouts. Retrieve daily summaries or detailed samples for a chosen period, and check sync status and missing data before interpreting the results.

  • Review daily steps and heart rate over time
  • Check sleep stages, duration, and awakenings
  • Review workout duration, distance, and calories
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

Create and edit Word documents and templates, reorganize text, replace images, and work with tracked changes or comments. Apply proper headings and lists, then render every page to check its appearance before delivery.

  • Create a structured Word document
  • Reorganize content in an existing document
  • Replace images or text in a document
asgeirtj/system_prompts_leaks70.1KUpdated Oct 20, 2026

See all skills by asgeirtj

Report a problem with this skill