skills.rest
po4yka
po4ykaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

taste-context

Overrides taste-skill design rules with project-specific font, color, and framework conventions.

Updated Mar 28, 2026
Search Tags:#typography#design system#design tokens#tailwind#astro#ui guidelines#skill overrides
One-click install
npx skills add https://github.com/po4yka/blog --skill taste-context-po4yka
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-context
Source: https://github.com/po4yka/blog/tree/main/.agents/skills/taste-context
Command: npx skills add https://github.com/po4yka/blog --skill taste-context-po4yka

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Generic taste-skill and redesign-skill rules often conflict with an established project design system, causing AI assistants to suggest fonts, colors, or framework patterns that violate project conventions. This Skill defines explicit overrides so design guidance stays consistent with the project's documented standards. ## Core Features & Use Cases - Font Stack Enforcement: Locks headings and chrome to Geist Sans, code to Geist Mono, and blog prose to Piazzolla, overriding generic font bans. - Accent Color Rules: Enforces a neutral-only palette where emphasis comes from weight and underline, reserving the destructive token for irreversible actions. - Framework Corrections: Redirects Next.js/RSC-specific directives to Astro with React islands and hydration directives like client:load. - Use Case: When applying a redesign-skill to a page, the AI checks this context first and keeps Lucide React icons and the existing token system instead of swapping in Phosphor icons or chromatic accents. ## Quick Start Read the taste-context overrides before applying any taste-skill, redesign-skill, output-skill, or minimalist-skill directive to this project.

Frequently Asked Questions about taste-context

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I stop design skills from conflicting with my project design system?▼

Create a context skill that lists explicit overrides for fonts, colors, icons, and framework patterns, and instruct the AI to read it before applying generic design rules. Project documentation should always take precedence over skill defaults.

What font stack does this project use for headings and prose?▼

Geist Sans covers site chrome and all headings including those inside blog prose, Geist Mono handles code and terminal output, and Piazzolla is used exclusively for blog post body text inside the prose container.

Does this project use a chromatic accent color?▼

No, the project has no chromatic accent. Emphasis comes from a pure white or black emphasis token combined with font weight and 1px underlines, and the destructive token is reserved strictly for irreversible actions.

Can I apply Next.js RSC rules to an Astro project?▼

No, RSC-specific directives like use client do not apply to Astro. Astro manages server and client boundaries through hydration directives such as client:load and client:visible on React island components.

Which icon library should be used instead of Phosphor or MUI icons?▼

This project uses Lucide React via the lucide-react package. Taste-skill mandates requiring Phosphor or MUI icons do not apply and should be ignored when working in this codebase.

Related Skills

Explore More Design & Creative Skills→
BruceTyndallBruceTyndall

token-drift-scanner

Scan codebases for design token drift against canonical specifications and Figma mappings.

Community
Intermediate
MAX5271MAX5271

cometchat-astro-patterns

Configures Astro React islands with client-only rendering for CometChat chat components.

Community
Intermediate
GaryOcean428GaryOcean428

ui-ux-consistency

Enforce design system and WCAG 2.1 compliance for consciousness visualizations.

Community
Intermediate
OcyssOcyss

daisyui-colors

Enforces semantic color usage and theme configuration rules for daisyUI 5.

Community
Basic