Repository description
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
66K starsMITdesign-creative
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendWorkflow recipe
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Product, design, and engineering teams shipping high-fidelity web interfaces with AI agents.
Expected outcome
Workflow map
Choose an intentional visual direction and capture the product constraints before coding.
Translate Figma or a brief into accessible components and production-ready frontend code.
Audit interface quality, React performance, and real browser behavior before release.
Create a preview deployment only after the target project and configuration are reviewed.
Suggested capabilities
Ranked by relevance to this workflow, quality, GitHub adoption, and maintenance freshness. This is a decision guide, not a single install command.
Repository description
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendRepository description
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Good fit
Not the right route when
Need a runnable bundle?
Skill packs include an install order, audit links, and a machine-readable Agent plan.
Workflow recipe
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Product, design, and engineering teams shipping high-fidelity web interfaces with AI agents.
Expected outcome
Workflow map
Choose an intentional visual direction and capture the product constraints before coding.
Translate Figma or a brief into accessible components and production-ready frontend code.
Audit interface quality, React performance, and real browser behavior before release.
Create a preview deployment only after the target project and configuration are reviewed.
Suggested capabilities
Ranked by relevance to this workflow, quality, GitHub adoption, and maintenance freshness. This is a decision guide, not a single install command.
Repository description
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendRepository description
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Good fit
Not the right route when
Need a runnable bundle?
Skill packs include an install order, audit links, and a machine-readable Agent plan.
Workflow recipe
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Product, design, and engineering teams shipping high-fidelity web interfaces with AI agents.
Expected outcome
Workflow map
Choose an intentional visual direction and capture the product constraints before coding.
Translate Figma or a brief into accessible components and production-ready frontend code.
Audit interface quality, React performance, and real browser behavior before release.
Create a preview deployment only after the target project and configuration are reviewed.
Suggested capabilities
Ranked by relevance to this workflow, quality, GitHub adoption, and maintenance freshness. This is a decision guide, not a single install command.
Repository description
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendRepository description
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Good fit
Not the right route when
Need a runnable bundle?
Skill packs include an install order, audit links, and a machine-readable Agent plan.
Workflow recipe
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Product, design, and engineering teams shipping high-fidelity web interfaces with AI agents.
Expected outcome
Workflow map
Choose an intentional visual direction and capture the product constraints before coding.
Translate Figma or a brief into accessible components and production-ready frontend code.
Audit interface quality, React performance, and real browser behavior before release.
Create a preview deployment only after the target project and configuration are reviewed.
Suggested capabilities
Ranked by relevance to this workflow, quality, GitHub adoption, and maintenance freshness. This is a decision guide, not a single install command.
Repository description
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendRepository description
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Good fit
Not the right route when
Need a runnable bundle?
Skill packs include an install order, audit links, and a machine-readable Agent plan.
$ npx skills add anthropics/skills --skill frontend-designRepository description
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesRepository description
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designRepository description
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingRepository description
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesRepository description
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesRepository description
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-design$ npx skills add anthropics/skills --skill frontend-designRepository description
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesRepository description
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designRepository description
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingRepository description
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesRepository description
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesRepository description
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-design$ npx skills add anthropics/skills --skill frontend-designRepository description
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesRepository description
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designRepository description
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingRepository description
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesRepository description
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesRepository description
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-design$ npx skills add anthropics/skills --skill frontend-designRepository description
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesRepository description
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designRepository description
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingRepository description
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesRepository description
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesRepository description
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-design