#1
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
66K starsJul 20, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
将文字、截图、手绘或“小黑”插图、已有 HTML 关系图提炼为有教学语义的极简框线图；关系密集型图可先用 Mermaid 编写可执行的关系结构规格，再实现为可访问、响应式的内联 SVG，并同步输出可复用的线框图生成提示词。用于 HTML Presentation、课程页和网页卡片中的对比图、架构图、流程图、界面或接口图、Agent 协作图与状态关系图；当用户要求“语义框线图”“线框插图”“把插图改成 SVG”“生成线框图提示词”“在卡片里画 GUI/LUI、Agent、任务或系统关系”，或要求沿用 course-design 的 STYLE_DNA 设计教学插图时使用。不用于照片、装饰海报、复杂数据图表、情绪型手绘插画或直接编辑二进制 PPTX。
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendGuidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesCreate original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-designTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designWrite precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.
$ npx skills add dexhunter/seedance2-skill --skill seedance-prompt-enTurn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
$ npx skills add Alisa0808/vox-director --skill vox-directorReact and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesDeploy applications and websites to Vercel, including preview deployments and shareable deployment links.
$ npx skills add vercel-labs/agent-skills --skill deploy-to-vercelUse 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-testingCreate a structured post-earnings equity research update with key metrics, estimate changes, charts, and thesis review.
$ npx -y skills add anthropics/financial-services --skill earnings-analysisReview portfolio-company financial packages, flag variance to plan, and prepare monitored KPI summaries.
$ npx -y skills add anthropics/financial-services --skill portfolio-monitoringComplete and link income statement, balance sheet, and cash flow statement model templates with formulas and checks.
$ npx -y skills add anthropics/financial-services --skill 3-statement-modelAutomate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.
$ npx skills add openai/skills --skill playwrightEstimate a public companys intrinsic value through DCF, relative, and sum-of-the-parts valuation methods.
$ npx -y skills add himself65/finance-skills --skill company-valuationHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep html-line-svg if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.