design-taste-frontend
tasteskill v2, the anti-slop frontend skill.
Skill by wearedevpunks
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/wearedevpunks-design-taste-frontend
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, data, marketing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
design-taste-frontend- Description
- tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict no-slop house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Use this whenever you build, design, redesign, restyle, polish or review a landing page, marketing site, portfolio, product page, one-pager, hero or any public-facing web page, in any stack (HTML/CSS, React, Next.js, Vue, Svelte, Astro, Tailwind) — also when the user says a page looks generic, templated, "AI-made", sloppy, or asks to make it look designed, premium, award-level or less like every other site. Also for app screens: dashboards, admin and analytics views, settings, inboxes and other screens people work in, with their own run and rules.
- License
- unknown
- Instructions
- 516 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Agent Skills spec issues
- body: 516 lines (spec recommends under 500)
Files (40)
- LICENSE
- README.md
- SKILL.md
- UPSTREAM.md
- app.css · assets/
- base.css · assets/
- base.js · assets/
- charts.js · assets/
- stage.css · assets/scenes/
- stage.js · assets/scenes/
- evals.json · evals/
- app.json · library/
- directions.json · library/
- heroes.json · library/
- motions.json · library/
- palettes.json · library/
- photos.json · library/
- sections.json · library/
- sites.json · library/
- type.json · library/
- app-screens.md · references/
- colour.md · references/
- copy.md · references/
- critique.md · references/
- imagery.md · references/
- layout.md · references/
- motion.md · references/
- research.md · references/
- scenes.md · references/
- tells.md · references/
- type.md · references/
- assets.mjs · scripts/
- draw.mjs · scripts/
- inspect.mjs · scripts/
- app-draw.mjs · scripts/lib/
- cdp.mjs · scripts/lib/
- probe.mjs · scripts/lib/
- rules.mjs · scripts/lib/
- lint.mjs · scripts/
- scenes.mjs · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from wearedevpunks/skills
- 0.587score
ask-hi
wearedevpunks
Explain how the Harness Intelligence (HI) Baseline works.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
hi-cli
wearedevpunks
Operates the Harness Intelligence CLI (`hi`, alias `hint`) through init, update, diff, check, tools, report, upgrade, operator-skill, and post-command flows.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
docs-onboarding
wearedevpunks
Onboard an existing project into the scaffolded Harness wiki by inspecting code, docs and backlog, closing reconstruction decisions, then handing accepted…
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
agent-browser
wearedevpunks
Automate web interactions with agent-browser using Lightpanda by default.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
break-ui
wearedevpunks
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
debug-agent
wearedevpunks
Systematic evidence-based debugging using runtime logs.
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
rule-authoring
wearedevpunks
Maintain project-owned Codebase Rules after `hi init` or `hi update`.
SkillAFreshness: A★ 1Claude Code +9 - 0.547score
write-graph-based-skills
wearedevpunks
Write graph-based skills as Durable Workflow Graphs.
SkillBFreshness: B★ 1Claude Code +9 - 0.547score
backend-domain-structure
wearedevpunks
Organize backend code into domain-first layers with thin transport entrypoints, platform composition, external integrations, and feature-owned business…
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-shape
wearedevpunks
Chooses the final structure for a public-facing article, guide, or docs page from fragments and beats.
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-beats
wearedevpunks
Turns fragments or raw material into an ordered journey of reader-facing beats.
SkillBFreshness: B★ 1Claude Code +9 - 0.542score
writing-fragments
wearedevpunks
Mines raw writing material into a durable fragments document.
SkillBFreshness: B★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 2
- Open issues
- 0
- Last commit (this folder)
- Oct 22, 2026 (8 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/wearedevpunks/skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.876score
design-taste-frontend
Leonxlnx
tasteskill v2, the anti-slop frontend skill.
SkillAFreshness: A★ 101.9KClaude Code +9 - 0.334score
design-taste-frontend
denycode-dev
tasteskill v2, the anti-slop frontend skill.
SkillAFreshness: AClaude Code +9 - 0.333score
design-taste-frontend
momonong
tasteskill v2, the anti-slop frontend skill.
SkillAFreshness: AClaude Code +9
More from wearedevpunks
- 0.587score
ask-hi
wearedevpunks
Explain how the Harness Intelligence (HI) Baseline works.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
hi-cli
wearedevpunks
Operates the Harness Intelligence CLI (`hi`, alias `hint`) through init, update, diff, check, tools, report, upgrade, operator-skill, and post-command flows.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
docs-onboarding
wearedevpunks
Onboard an existing project into the scaffolded Harness wiki by inspecting code, docs and backlog, closing reconstruction decisions, then handing accepted…
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
agent-browser
wearedevpunks
Automate web interactions with agent-browser using Lightpanda by default.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
break-ui
wearedevpunks
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
debug-agent
wearedevpunks
Systematic evidence-based debugging using runtime logs.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
design-taste-frontend skill. Agent Mart. https://agentmart.dev/skills/wearedevpunks-design-taste-frontend (last updated 2026-10-24)