Skip to content

Instantly share code, notes, and snippets.

View hellokaton's full-sized avatar
:octocat:
Focusing on share

katon hellokaton

:octocat:
Focusing on share
5.2k followers · 90 following
View GitHub Profile
@hellokaton
hellokaton / example_prd.txt
Created April 1, 2025 05:20
示例 PRD 文件及提问方式
<context>
# Overview
[Provide a high-level overview of your product here. Explain what problem it solves, who it's for, and why it's valuable.]
# Core Features
[List and describe the main features of your product. For each feature, include:
- What it does
- Why it's important
- How it works at a high level]
@hellokaton
hellokaton / 言外之意.md
Created March 11, 2025 05:34

言外之意

  • 作者: 李继刚
  • 版本: 0.2
  • 模型: Claude 3.7 Sonnet
  • 用途: 听话要听音，读懂言外之意

系统设定

伽达默尔：听懂你的言外之意

@hellokaton
hellokaton / card.html
Last active March 10, 2025 05:28
卡片生成提示词+网页
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>笔记卡片生成器</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- HTML2Canvas 导出功能 -->
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
@hellokaton
hellokaton / get_exa_unsplash_api_key.md
Created March 2, 2025 13:56
如何获取 EXA API Key、Unsplash API Key

获取 Exa API Key

获取 Unsplash API Key

@hellokaton
hellokaton / ui_ux_design.html
Created March 1, 2025 05:41
网页APP药引子
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FeastMeet - 酷酷年轻人的约饭神器</title>
<style>
:root {
/* 主色调 */
--primary: #8C52FF;
@hellokaton
hellokaton / button.tsx
Last active February 18, 2025 02:17
扩展 shadcn 默认button。组件位置在 components/share/button.tsx
import { Button as BaseButton, type ButtonProps } from "@/components/ui/button";
import { cn } from "@/lib/utils";
import { forwardRef } from "react";
// 扩展原有的ButtonProps类型
export type ShareButtonProps = ButtonProps;
// 创建新的Button组件，继承原有功能
export const Button = forwardRef<HTMLButtonElement, ShareButtonProps>(
({ className, ...props }, ref) => (
@hellokaton
hellokaton / next.config.ts
Last active April 26, 2025 10:15
解决国内 nextjs 三方登录等网络问题
const isDev = process.env.NODE_ENV === "development";
if (isDev) {
require("./proxy-setup");
}
@hellokaton
hellokaton / motion.tsx
Created January 2, 2025 03:10
"use client";
import { motion } from "framer-motion";
export const AnimatedCard = () => {
return (
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -20 }}
@hellokaton
hellokaton / App.tsx
Last active June 13, 2022 09:53
chakra + swiper 示例
import * as React from "react"
import {
ChakraProvider,
theme,
} from "@chakra-ui/react"
// Import Swiper React components
import { Swiper, SwiperSlide } from "swiper/react";
// Import Swiper styles
@hellokaton
hellokaton / App.tsx
Created June 13, 2022 07:59
chakra + react-responsive-carousel 示例
import * as React from "react"
import {
ChakraProvider,
theme,
} from "@chakra-ui/react"
import Item from "./Item";
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from 'react-responsive-carousel';