본문으로 건너뛰기
cccskills

Feima Code

@feimacode

조직

스킬 249개저장소 1개 1천

스킬(249)

검색에서 좁히기

Prototype a single-page website for SaaS, documentation, or knowledge products. Use warm off-white backgrounds, serif headings, fine dividers, generous spacing, and subtle motion to create a restrained layout with features and a signup or pricing section.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prototype a SaaS marketing page
  • Explore a documentation page design
  • Build an introduction page for a knowledge product
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Creates quote or data cards to accompany Twitter or X posts. The wide layout combines a prominent short statement with author details, a category label, and a brand watermark, ready to capture as an image.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turning a short quote into a post image
  • Creating a card to share data
  • Sharing an insight with author details
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create a horizontal-swipe HTML deck for an operating review, organizing growth, cash burn, and sustainability around leadership decisions. Use supplied layouts and the active design system to produce a single index.html file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing an operating review for leadership
  • Creating a board pre-read for a decision
  • Presenting growth and cash burn in HTML slides
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Turn weekly results, ongoing work, blockers, and key metrics into an HTML slide deck. Highlight the week’s important number, an anomaly, and the decision or named requests the operations and growth team should address.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing slides for a weekly team update
  • Sharing KPI changes and an unusual result
  • Explaining blockers and requesting help
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

tweaks

무료

Add a live adjustment panel to an HTML page so viewers can explore colors, text sizes, spacing, themes, and motion. Changes appear immediately and are saved in the browser for the next visit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Fine-tune a landing page’s colors and spacing
  • Demonstrate brand or design system variations
  • Add adjustable appearance controls to a standalone demo
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create an HTML thesis defense deck that makes the research contribution, evidence, and limitations easy to find. The template uses warm neutral colors and classical typography, with an economics thesis on minimum wages as its example subject.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare an economics thesis defense
  • Organize research evidence and limitations
  • Turn research materials into restrained HTML slides
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Build an HTML finance deck explaining per-unit profitability and BYOK costs, where users supply their own API keys. Present assumptions and how results change under different conditions, using a consistent cream and rust-red visual style for CFOs and investors.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explaining per-unit profitability to a CFO
  • Presenting a BYOK cost model to investors
  • Showing how changing assumptions affects costs
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

html-ppt

무료

Turn notes and analysis into HTML slide decks for client recommendations, technical talks, or reports. Choose from themes and layouts, add speaker scripts and animations, and export slides as PNG images using the supplied rendering script.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turn analysis into a client recommendation deck
  • Prepare a technical talk with speaker scripts
  • Create slides for a product launch
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Build an HTML presentation explaining a music festival poster series, from its concept and visual system to adaptations across formats. Use a consistent graphic style with thick borders, offset shadows, and a pink, sage, and ink palette.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting a festival poster series to clients
  • Explaining a brand's visual system and format adaptations
  • Building graphic portfolio presentations
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create an HTML defense deck for a field-study capstone, organizing survey methods, findings, contributions, and limitations for faculty reviewers. The template uses yellow paper, safety-pin illustrations, and handwritten-style text for a warm presentation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare a field-study capstone defense
  • Present qualitative research findings
  • Organize a workshop debrief as slides
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Build a single mobile app screen mockup in an iPhone 15 Pro frame. Choose from six layout types, apply the project's design settings, and produce HTML with device details such as the Dynamic Island and status icons.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Mocking up a feed or message list
  • Exploring a profile or product detail screen
  • Presenting a checkout or welcome screen
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create a retail training deck about consultative selling, covering the sales conversation, role plays, and daily practice. The HTML slides use a warm peach palette and consistent, approachable layouts for store associates and floor managers.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare consultative selling training for store associates
  • Create onboarding slides about the sales conversation
  • Build a workshop deck with retail role plays
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create a single-screen HTML meeting notes page with attendees, an agenda checklist, decisions, and an action items table. Include owners, due dates, status, open questions, and next meeting details in a clearly organized layout.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Documenting a team's weekly meeting
  • Organizing notes from a one-on-one meeting
  • Preparing an all-hands meeting recap
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Turn personal experiences and beliefs into a story-based HTML presentation using a pastel card template. Develop the slide plan, written content, visual direction, and speaker notes for a community talk with a clear narrative arc.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prepare a talk about personal beliefs
  • Shape a year of experiences into a story
  • Create pastel-themed HTML slides
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Prepare a research grant presentation that organizes the hypothesis, approach, milestones, and risks for reviewers. Its ivory background and black typography create a formal, text-focused HTML deck, also suited to research summaries and detailed reports.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing a research grant review presentation
  • Turning research findings into a text-focused report
  • Creating an academic or policy briefing
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create a single-page HTML poster with the feel of a newspaper essay. Oversized serif headlines, paper textures, six numbered sections, and annotated quotations organize substantial text into an editorial layout for opinions or launches.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting a launch announcement as an editorial poster
  • Turning a manifesto into a single-page layout
  • Designing a newspaper-style essay poster
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create HTML dashboards and reports from local data or connected services, with data that can be refreshed without redesigning the page. Record sources, timestamps, and transformations so readers can trace where displayed information came from.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build a dashboard whose data can be refreshed
  • Create a report with traceable sources
  • Turn connected service data into a status page
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create an HTML presentation diagnosing margin recovery for a regional grocery chain. Organize the central recommendation, contributing factors, priorities, and roadmap into a decision deck, using a coordinated sage, cream, and burnt-orange visual style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting a grocery chain's margin-recovery diagnosis
  • Explaining initiative priorities to a steering committee
  • Creating an advisory deck with a warm visual style
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Build an HTML strategy presentation that lays out options, risks, and a recommendation for an executive decision. The template uses deep navy, paper tones, and muted gold for formal board and strategy discussions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Comparing options for a monetization decision
  • Preparing a board presentation with a clear recommendation
  • Organizing a strategy briefing for executives
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create HTML slide decks for humanities lectures and research presentations, organizing sources, arguments, and evidence. A coordinated navy and warm-yellow template gives the slides a calm, scholarly appearance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing slides for a humanities lecture
  • Presenting research in a graduate seminar
  • Turning a research synthesis into a scholarly deck
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

kami-deck

무료

Turn research reports or internal reviews into a self-contained HTML slide deck. Paper-colored pages, ink-blue dividers, and serif typography organize findings and metrics, while keyboard, wheel, and touch navigation support presentation and browsing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting study design, results, and limitations at a lab meeting
  • Organizing a quarterly internal review
  • Creating a Japanese research presentation
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Build an HTML briefing deck that organizes workplace-safety findings, supporting evidence, and corrective requirements for regulators and plant leaders. A paper-textured design with earth tones gives the slides a consistent visual style for decision discussions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Briefing regulators on workplace-safety findings
  • Explaining evidence and corrective requirements to plant leaders
  • Turning safety review materials into a consistent HTML deck
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create an HTML presentation for a graduation design project about transit hub wayfinding. Organize the brief, process, evidence, and outcome into a pastel sticky-note design that helps faculty and reviewers assess the contribution and limitations.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing a graduation project defense
  • Explaining the process behind a wayfinding design
  • Organizing project evidence and limitations
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

Create an HTML presentation outlining digital transformation for an established insurer. Organize the diagnosis, sequence of initiatives, and operating rhythm for executive decisions, using a warm paper palette and a consistent, restrained editorial design.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting an insurer's digital transformation roadmap
  • Explaining initiative priorities and implementation order
  • Preparing an executive decision presentation
feimacode/open-design-agent-kit9972026년 10월 31일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)