Claude Skills by senlindesign

github.com/senlindesign

20 skillsA× 200 installs6 views

Coding WrappedACreates or refreshes a private local Coding Wrapped website from Claude Code and Codex session history. Use for Coding Wrapped, coding-agent fun facts, AI-coding behavior insights, a personal localhost coding dashboard, new insight cards, or an export of an existing Wrapped. Scans locally, excludes raw transcripts from generated state, and produces one language with aggregate metrics, a Coding Overview, and four-at-a-time illustrated insights.ai-agentspythonbashVotes: 0GitHub stars: 5
ProofAProof — a product design skill. Design and build marketing website pages — landing page, homepage, pricing, about, contact, product/features, blog index, 404, downloads — or a single section (hero, features, social proof, CTA, FAQ, how it works, comparison table, contact form, navigation, footer). Decides page structure from a short brief (audience, goal, barriers, available evidence), then renders it in one of 4 visual styles (Minimal, Business, Colorful, Editorial), light or dark. Use when ...designpythonrustVotes: 0GitHub stars: 2
404 PageAGenerate a runnable 404 error page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. 404-specific component tokens are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designjavascriptgoVotes: 0GitHub stars: 2
About PageAGenerate a runnable SaaS About page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. About-specific component tokens (team grid, stats row, timeline, values layout) are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designrustgoVotes: 0GitHub stars: 2
Blog PageAGenerate a runnable blog index / listing page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Blog-specific component tokens (article cards, category filters, featured article, newsletter) are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the mast...designgotestingVotes: 0GitHub stars: 2
Contact PageAGenerate a runnable SaaS contact page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Contact-specific component tokens are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designgoapiVotes: 0GitHub stars: 2
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
Downloads PageAGenerate a runnable Downloads / "Get the App" page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Downloads-specific component tokens are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designjavascriptgoVotes: 0GitHub stars: 2
Landing PageAGenerate a runnable SaaS landing page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designrustgoVotes: 0GitHub stars: 2
Pricing PageAGenerate a runnable SaaS pricing page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Pricing-specific component tokens are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. ---designjavascriptrustVotes: 0GitHub stars: 2
Product PageAGenerate a runnable SaaS Product page with professional visual quality. No Mobbin or external service required at runtime. **Visual System**: see `shared/visual-style.md` — defines the default design tokens (colors, typography, spacing, components) for Light and Dark themes. Product-specific component tokens (hero video, feature showcase, use cases, integrations) are in `references/`. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`...designrustgoVotes: 0GitHub stars: 2
Comparison TableAGenerate a professional Comparison Table section — a feature comparison grid that lets users scan differences across plans, products, or options. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/pricing-page/references/comparison-table.md` — patterns, variants, and anti...designgoapiVotes: 0GitHub stars: 2
Contact FormAGenerate a professional Contact Form section -- fields, labels, submit button, and optional privacy checkbox. Works standalone (embedded in any page) or as part of a Contact Page Skill. **Visual System**: `shared/visual-style.md` -- default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/contact-page/references/contact-form.md` -- patterns, field rules, input style...designapiVotes: 0GitHub stars: 2
CtaAGenerate a professional Call-to-Action section — the closing conversion block that drives visitors to act. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/cta.md` — patterns, variants, and copy strategies from 20 real product research. ---designgoapiVotes: 0GitHub stars: 2
FaqAGenerate a professional FAQ section — an accordion-based block that addresses common questions and reduces friction before conversion. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/faq.md` — patterns, variants, and anti-patterns from 22 real p...designgoapiVotes: 0GitHub stars: 2
FeaturesAGenerate a professional Features section — the block that communicates what the product does. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/features.md` — patterns, variants, and anti-patterns from 26 real product research. ---designgoapiVotes: 0GitHub stars: 2
FooterAGenerate a professional Footer section — the closing navigation and information block at the bottom of the page. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `shared/footer.md` — patterns, variants, and design decisions from 28 real product research. ---designgogitVotes: 0GitHub stars: 2
HeroAGenerate a professional Hero section — the first content block visitors see. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/hero.md` — patterns, variants, and anti-patterns from 30+ real product research. ---designgoapiVotes: 0GitHub stars: 2
How It WorksAGenerate a professional How It Works section — a numbered process walkthrough that shows users how to get started. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/how-it-works.md` — patterns, variants, and anti-patterns from 20 real product rese...designapidocumentationVotes: 0GitHub stars: 2
NavigationAGenerate a professional Navigation bar -- the persistent top-level wayfinding element. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` -- default design tokens for Light/Dark themes (Section 8: Nav + Button tokens). Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `shared/navigation.md` -- patterns, CTA strategies, and anti-patterns from 23 real product research. ---designgoapiVotes: 0GitHub stars: 2
Social ProofAGenerate a professional Social Proof section — testimonials, logo walls, stats, or ratings that establish credibility. Works standalone or as part of a full page. **Visual System**: `shared/visual-style.md` — default design tokens for Light/Dark themes. Business, Colorful, and Editorial use their own style files — see *Style precedence* in the master `SKILL.md`. **Section Knowledge**: `pages/landing-page/references/social-proof.md` — patterns, variants, and anti-patterns from 27 real product ...designrustgoVotes: 0GitHub stars: 2