[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71ADN2G7FSGQG1Y091FZRCA":3,"skill-same:01M71ADN2G7FSGQG1Y091FZRCA":70},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":39,"linkOnly":40,"markdownContent":41,"markdownBody":42,"frontMatter":43,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":51,"ownerHtmlUrl":52,"ownerBlogUrl":53,"ownerDescription":54,"updatedAt":55,"install":56,"resources":69},"01M71ADN2G7FSGQG1Y091FZRCA","redesign-existing-projects",null,"Upgrade existing websites and apps to premium quality by auditing current design and applying high-end standards. Use when the user wants to redesign, \"make it look more professional\", \"upgrade the design\", or remove generic AI aesthetics from an existing project.","ariadoss\u002Fsuperskills","ariadoss","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F414341?v=4","01M71AC7383PT6JCRZSQJ4AVTM","Danilo Stern-Sapad","01M71AC73Y7NTBTJ9KQYNENRRE",12,"MIT","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fdesign-skills\u002Fredesign-existing-projects\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"redesign existing projects","Existing","redesign","projects","look","quality","high","when","apps","use","upgrade","more","design","end","aesthetics","remove","project","professional","generic","standards","2026-11-10 10:12:30",false,"---\nname: redesign-existing-projects\ndescription: Upgrade existing websites and apps to premium quality by auditing current design and applying high-end standards. Use when the user wants to redesign, \"make it look more professional\", \"upgrade the design\", or remove generic AI aesthetics from an existing project.\nmetadata:\n  author: Leonxlnx\n---\n\n# Redesign Existing Projects\n\nUpgrade existing websites and applications by auditing current design patterns, identifying generic AI aesthetics, and applying premium design standards while preserving all functionality.\n\n## Core Process\n\nThree sequential steps — never skip any:\n\n1. **Scan** — understand the framework, styling approach, and existing design tokens\n2. **Diagnose** — comprehensive audit identifying weaknesses\n3. **Apply** — targeted fixes without rewriting from scratch\n\n## Audit Areas\n\n### Typography\n**Common problems:**\n- Browser default fonts or Inter everywhere\n- Headlines lack visual presence or weight\n- Body text too small or too large\n- No typographic hierarchy — everything looks the same size\n\n**Fixes:**\n- Select distinctive typeface for headings (not Inter)\n- Constrain paragraph width to ~65 characters\n- Add additional font weights for hierarchy\n- Increase heading size contrast ratio\n\n### Color & Surface\n**Problems to flag:**\n- Pure `#000000` backgrounds\n- Oversaturated accent colors\n- **Purple\u002Fblue AI gradient aesthetic** — the single most identifiable AI design fingerprint\n- Inconsistent shadow tinting (mixed warm\u002Fcool shadows)\n- Flat designs with zero surface texture\n\n**Fixes:**\n- Replace pure black with off-black (`#0a0a0a`, `#111111`)\n- Desaturate accent to 60–70% saturation max\n- Replace AI gradients with neutral bases + deliberate single accent\n- Unify shadow tinting (warm for warm backgrounds, etc.)\n\n### Layout\n**Problems to flag:**\n- Three equal-width card columns for feature rows\n- Generic hero: centered text + CTA + stock photo\n- All sections same spacing and visual weight\n- Fixed heights creating awkward content truncation\n\n**Fixes:**\n- Asymmetric grids or masonry for feature sections\n- Hero with strong typographic anchor, not stock imagery\n- Vary section density for visual rhythm\n- Remove fixed heights; let content breathe\n\n### Interactivity & States\n**Critical missing elements:**\n- No hover effects on interactive elements\n- No loading states (items appear instantly or freeze)\n- No focus indicators (keyboard users see nothing)\n- No empty states (just blank space)\n\nThese are not \"polish\" — they're required quality signals.\n\n### Content\n**Problems:**\n- Generic names: \"John Doe\", \"Jane Smith\", \"Company Name\"\n- AI copywriting clichés: \"Elevate\", \"Seamless\", \"Streamline\", \"Next-Generation\"\n- Vague CTAs: \"Get Started\", \"Learn More\"\n- Stock photo humans (too perfect, generic)\n\n**Fixes:**\n- Use specific, believable names and companies\n- Rewrite copy with concrete outcomes, not adjectives\n- CTAs should say what happens next: \"Start your free trial\", \"See the demo\"\n\n## Implementation Priority\n\nApply in this order:\n\n1. **Typography** — biggest visual impact, safest change\n2. **Color** — replace black, desaturate accent, remove AI gradient\n3. **Interaction states** — hover, focus, loading\n4. **Layout** — fix three-column, add visual variation\n5. **Component modernization** — update cards, buttons, inputs\n6. **State design** — empty states, error states, success states\n\n## Non-Negotiable Constraints\n\n- Preserve all existing functionality\n- Respect the current technology stack (don't switch frameworks)\n- Don't introduce new dependencies without flagging\n- Keep accessibility intact (don't remove focus states, don't break contrast)\n\n## Pre-Output Checklist\n\n- [ ] Scanned existing codebase before making any changes\n- [ ] Purple\u002Fblue AI gradient identified and replaced\n- [ ] Three-column equal feature grid eliminated\n- [ ] Generic names replaced\n- [ ] AI copywriting clichés removed\n- [ ] Interaction states added\n- [ ] Pure black replaced with off-black\n- [ ] All existing functionality preserved\n","# Redesign Existing Projects\n\nUpgrade existing websites and applications by auditing current design patterns, identifying generic AI aesthetics, and applying premium design standards while preserving all functionality.\n\n## Core Process\n\nThree sequential steps — never skip any:\n\n1. **Scan** — understand the framework, styling approach, and existing design tokens\n2. **Diagnose** — comprehensive audit identifying weaknesses\n3. **Apply** — targeted fixes without rewriting from scratch\n\n## Audit Areas\n\n### Typography\n**Common problems:**\n- Browser default fonts or Inter everywhere\n- Headlines lack visual presence or weight\n- Body text too small or too large\n- No typographic hierarchy — everything looks the same size\n\n**Fixes:**\n- Select distinctive typeface for headings (not Inter)\n- Constrain paragraph width to ~65 characters\n- Add additional font weights for hierarchy\n- Increase heading size contrast ratio\n\n### Color & Surface\n**Problems to flag:**\n- Pure `#000000` backgrounds\n- Oversaturated accent colors\n- **Purple\u002Fblue AI gradient aesthetic** — the single most identifiable AI design fingerprint\n- Inconsistent shadow tinting (mixed warm\u002Fcool shadows)\n- Flat designs with zero surface texture\n\n**Fixes:**\n- Replace pure black with off-black (`#0a0a0a`, `#111111`)\n- Desaturate accent to 60–70% saturation max\n- Replace AI gradients with neutral bases + deliberate single accent\n- Unify shadow tinting (warm for warm backgrounds, etc.)\n\n### Layout\n**Problems to flag:**\n- Three equal-width card columns for feature rows\n- Generic hero: centered text + CTA + stock photo\n- All sections same spacing and visual weight\n- Fixed heights creating awkward content truncation\n\n**Fixes:**\n- Asymmetric grids or masonry for feature sections\n- Hero with strong typographic anchor, not stock imagery\n- Vary section density for visual rhythm\n- Remove fixed heights; let content breathe\n\n### Interactivity & States\n**Critical missing elements:**\n- No hover effects on interactive elements\n- No loading states (items appear instantly or freeze)\n- No focus indicators (keyboard users see nothing)\n- No empty states (just blank space)\n\nThese are not \"polish\" — they're required quality signals.\n\n### Content\n**Problems:**\n- Generic names: \"John Doe\", \"Jane Smith\", \"Company Name\"\n- AI copywriting clichés: \"Elevate\", \"Seamless\", \"Streamline\", \"Next-Generation\"\n- Vague CTAs: \"Get Started\", \"Learn More\"\n- Stock photo humans (too perfect, generic)\n\n**Fixes:**\n- Use specific, believable names and companies\n- Rewrite copy with concrete outcomes, not adjectives\n- CTAs should say what happens next: \"Start your free trial\", \"See the demo\"\n\n## Implementation Priority\n\nApply in this order:\n\n1. **Typography** — biggest visual impact, safest change\n2. **Color** — replace black, desaturate accent, remove AI gradient\n3. **Interaction states** — hover, focus, loading\n4. **Layout** — fix three-column, add visual variation\n5. **Component modernization** — update cards, buttons, inputs\n6. **State design** — empty states, error states, success states\n\n## Non-Negotiable Constraints\n\n- Preserve all existing functionality\n- Respect the current technology stack (don't switch frameworks)\n- Don't introduce new dependencies without flagging\n- Keep accessibility intact (don't remove focus states, don't break contrast)\n\n## Pre-Output Checklist\n\n- [ ] Scanned existing codebase before making any changes\n- [ ] Purple\u002Fblue AI gradient identified and replaced\n- [ ] Three-column equal feature grid eliminated\n- [ ] Generic names replaced\n- [ ] AI copywriting clichés removed\n- [ ] Interaction states added\n- [ ] Pure black replaced with off-black\n- [ ] All existing functionality preserved\n",{"name":5,"metadata":44,"description":7},{"author":45},"Leonxlnx","main","c7ec8d78e5dc37484c2cfe90ab04de163d97dd41","design-skills\u002Fredesign-existing-projects",0,"https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills","https:\u002F\u002Fhyperion360.com\u002Fblog\u002Fparallel-ai-agents-engineering-workflow\u002F","https:\u002F\u002Fgithub.com\u002Fariadoss","https:\u002F\u002Fdanilosapad.com\u002F","CEO & Founder of @Hyperion360","2026-11-13 15:29:19",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add ariadoss\u002Fsuperskills --skill redesign-existing-projects",{"tool":62,"command":63},"bunx","bunx skills add ariadoss\u002Fsuperskills --skill redesign-existing-projects",{"tool":65,"command":66},"pnpm","pnpm dlx skills add ariadoss\u002Fsuperskills --skill redesign-existing-projects","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fdesign-skills\u002Fredesign-existing-projects\u002FSKILL.md",true,[],[71,98,123,142,171,187],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":82,"publishedAt":39},"01M71AZE3MPF891RM354EMRYA1","youtube","Download YouTube video transcripts when user provides a YouTube URL or asks to download\u002Fget\u002Ffetch a transcript from YouTube. Also use when user wants to transcribe or get captions\u002Fsubtitles from a YouTube video.","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube\u002FSKILL.md",[77],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[73,83,84,85,86,87,88,89,90,26,91,92,93,94,95,28,96,97],"user","download","transcribe","write","transcript","video transcripts","Bash","URL","Captions","get","fetch","Video","read","subtitles","transcripts",{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":39},"01M71AZAYR85PW6BJGSQXS4BN2","write-plan","Use when you have a spec or requirements for a multi-step task, before touching code. Produces an engineering plan complete with TDD tasks, DRY\u002FSOLID\u002FYAGNI principles, a required Test Plan & Verification section, and a coverage target — then auto-runs \u002Fplan-eng-review as an independent double-check before execution.","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fwrite-plan\u002FSKILL.md",[],[105,106,86,107,108,109,110,111,112,26,113,114,115,116,117,118,119,120,121,122],"write plan","plan","dry","verification","review","tasks","code","you","auto","eng","coverage","complete","section","for","test plan","target","as","yagni",{"skillNo":124,"name":125,"nameZh":6,"description":126,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":127,"categories":128,"keywords":129,"publishedAt":39},"01M71AZ8NDDP5ZMGEE6FSC4FKR","worktrees","Use when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fworktrees\u002FSKILL.md",[],[125,130,131,132,28,133,134,135,136,137,138,108,139,26,140,141],"implementation","workspace","with","plans","feature","isolation","git","directory","work","git worktrees","selection","Safety",{"skillNo":143,"name":144,"nameZh":6,"description":145,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":146,"categories":147,"keywords":151,"publishedAt":39},"01M71AZ4ZQHTNWFRZVYHKQFP08","web-perf","Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fweb-perf\u002FSKILL.md",[148],{"categoryNo":149,"categoryName":150,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000023","Skill与智能体开发",[152,153,154,155,156,157,158,159,160,26,161,162,163,164,165,166,167,168,169,170],"web","perf","web perf","resources","MCP","layout","optimize","documentation","caching","qa","knowledge","devtools","issues","render","re","performance","chrome devtools","vitals","never",{"skillNo":172,"name":173,"nameZh":6,"description":174,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":175,"categories":176,"keywords":177,"publishedAt":39},"01M71AZ2KZNWYEGKKRMJH8PYG2","verify","Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fverify\u002FSKILL.md",[],[173,116,178,179,138,108,180,181,26,182,28,183,184,185,186],"commands","about","claims","output","assertions","claim","prs","evidence","running",{"skillNo":188,"name":189,"nameZh":6,"description":190,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":191,"categories":192,"keywords":193,"publishedAt":39},"01M71AZ0ACCK7N1QMWQK1FV2HJ","validate-idea","Validate a business idea using the minimalist entrepreneur framework. Use when someone has a business idea and wants to test if it's worth pursuing before building anything.","https:\u002F\u002Fgithub.com\u002Fariadoss\u002Fsuperskills\u002Fblob\u002Fmain\u002Fskills\u002Fvalidate-idea\u002FSKILL.md",[],[194,195,196,197,198,199,200,26,201,28,202],"validate","idea","validate idea","framework","it","minimalist","test","business","before building"]