跳到正文
cccskills

Feima Code

@feimacode

组织

249 个技能1 个仓库 1001

技能(249)

在搜索中筛选

Inspect a live website for issues such as contrast, tap target size, phone layout, enlarged text, broken images, page weight, and template-like appearance. Get a concise plain-language report of the main findings with annotated screenshots for review or redesign discussions.

中文简介正在准备中。当前显示英语简介。

  • Checking a public website’s mobile layout
  • Finding contrast and tap target issues
  • Preparing evidence for a redesign discussion
feimacode/open-design-agent-kit10012026年11月5日 更新

Turn reports, spreadsheets, PDFs, existing presentations, or repository files into a slide deck or one-page brief. It starts with a storyline and keeps facts and numbers traceable to their sources, so readers can check where the content came from.

中文简介正在准备中。当前显示英语简介。

  • Create a release deck from a CHANGELOG
  • Turn a spreadsheet into a board update
  • Make an architecture review from ADRs
feimacode/open-design-agent-kit10012026年11月5日 更新

Get a second opinion on an Open Design artifact using its latest check screenshots, brief, and design system. Receive one verdict—ship, polish, or rework—and up to five specific fixes to guide the next design pass.

中文简介正在准备中。当前显示英语简介。

  • Review an Open Design artifact before calling it done
  • Get a second opinion on a landing page design
  • Find a few concrete fixes for a design
feimacode/open-design-agent-kit10012026年11月5日 更新

Create a website-based design system by measuring its colors, fonts, spacing, and button states. Produce matching DESIGN.md and tokens.css files, then compare a sample against the site before saving.

中文简介正在准备中。当前显示英语简介。

  • Extracting colors and typography from a website
  • Creating a theme from a reference URL
  • Documenting a brand’s visual style
feimacode/open-design-agent-kit10012026年11月5日 更新

Create visual designs such as landing pages, pitch decks, prototypes, dashboards, and components using bundled design templates and style systems. The supplied material describes a workflow for preparing, authoring, registering, and checking designs.

中文简介正在准备中。当前显示英语简介。

  • Designing a landing page or marketing page
  • Creating a pitch deck or presentation
  • Mocking up a dashboard or prototype
feimacode/open-design-agent-kit10012026年11月5日 更新

Audit an existing website and create a linked redesign concept for its home page and up to three inner pages. It uses the site's real content and brand, addresses identified problems, and keeps the work marked as a concept until the owner agrees.

中文简介正在准备中。当前显示英语简介。

  • Refresh an outdated business website
  • Show a bakery a redesigned site concept
  • Prepare a website redesign pitch
feimacode/open-design-agent-kit9972026年11月4日 更新

Create an app screen for one record, such as a support ticket or customer. Show its status, key details, relevant records, and a newest-first activity timeline, with clear states for missing records or denied access.

中文简介正在准备中。当前显示英语简介。

  • Designing a customer or order detail screen
  • Showing a support ticket's status and conversation
  • Organizing related records and recent activity
feimacode/open-design-agent-kit9972026年11月3日 更新

app-form

免费

Design an app form for creating or editing a record, collecting sign-up details, or completing checkout. Plan field labels and grouping, validation messages, preserved input after errors, a saving state, and a clear next step after success.

中文简介正在准备中。当前显示英语简介。

  • Designing a record creation or edit form
  • Collecting sign-up details clearly
  • Planning checkout fields and validation
feimacode/open-design-agent-kit9972026年11月3日 更新

Design a connected AI chat flow from suggested prompts to a streaming reply, retryable errors, and an actionable result card. It helps create the key screens and transitions users encounter while talking with an assistant.

中文简介正在准备中。当前显示英语简介。

  • Designing an assistant’s first chat screen
  • Showing a reply as it streams in
  • Planning a retry after a chat error
feimacode/open-design-agent-kit9972026年11月3日 更新

app-table

免费

Design a record list screen with search, filters, sorting, selection, bulk actions, and pagination. It also covers empty, loading, and no-results states so people can find a record, act on several, or open one.

中文简介正在准备中。当前显示英语简介。

  • Building a searchable customer or order list
  • Adding filters and sorting to an admin table
  • Designing bulk actions for selected records
feimacode/open-design-agent-kit9972026年11月3日 更新

Design a connected authentication flow for signing in, creating an account, resetting a password, and verifying by magic link or one-time code. It includes linked screens, wrong or expired code errors, and a welcome destination at the end.

中文简介正在准备中。当前显示英语简介。

  • Mapping sign-in and account creation screens
  • Adding password reset and email verification
  • Designing one-time code error states
feimacode/open-design-agent-kit9972026年11月3日 更新

Create a connected settings area with home, profile, notification preferences, subscription management, and account deletion. The screens include deletion confirmation and success, with links between each step and a route back to settings.

中文简介正在准备中。当前显示英语简介。

  • Designing an app’s account settings area
  • Connecting profile and notification screens
  • Showing subscription details and cancellation options
feimacode/open-design-agent-kit9972026年11月3日 更新

Design a connected first-run experience that guides people from a welcome screen through goal selection and a permission request to the home screen. It can also include an optional paywall, with a clear way to continue for free.

中文简介正在准备中。当前显示英语简介。

  • Designing first-run onboarding for a new app
  • Letting users choose goals before shaping their home screen
  • Explaining a permission request before the system prompt
feimacode/open-design-agent-kit9972026年11月3日 更新

Design an in-app search screen with a query field, filters, grouped results, highlighted matching terms, and recent searches. Include useful loading and no-results states so people can understand what happened and what to try next.

中文简介正在准备中。当前显示英语简介。

  • Building search across articles, people, or files
  • Adding filters and grouped results to an app
  • Showing recent searches before a query is entered
feimacode/open-design-agent-kit9972026年11月3日 更新

Create an app settings screen covering the sections a product needs, such as profile, notifications, security, billing, and integrations. Include clear controls, saved and error states, and a confirmation flow for account or workspace deletion.

中文简介正在准备中。当前显示英语简介。

  • Organizing profile and notification preferences
  • Designing a security settings page
  • Showing a failed save with values preserved
feimacode/open-design-agent-kit9972026年11月3日 更新

Design a connected subscription flow covering plan selection, trial terms, upgrades, purchase restoration, success, and a win-back offer after cancellation. It includes billing details and store-required links, with clear ways to close or decline.

中文简介正在准备中。当前显示英语简介。

  • Creating monthly and yearly plan screens
  • Explaining trial conversion and billing terms
  • Adding restore purchases and policy links
feimacode/open-design-agent-kit9972026年11月3日 更新

app-shell

免费

Design the reusable frame for a web or mobile app, including its navigation, account menu, and initial work area. Choose a sidebar, top bar, tab bar, or icon rail to fit the platform, and establish navigation that later screens can share.

中文简介正在准备中。当前显示英语简介。

  • Planning shared navigation for a new app
  • Choosing a sidebar, top bar, or tab bar layout
  • Designing an account menu and first-use empty state
feimacode/open-design-agent-kit9972026年11月3日 更新

Turn content into a Xiaohongshu-style series of knowledge cards, with a cover, one key point per card, and a closing summary. Large text, soft colors, and a screenshot-friendly layout support preparing image posts.

中文简介正在准备中。当前显示英语简介。

  • Turning practical tips into a series of knowledge cards
  • Preparing a carousel post for Xiaohongshu
  • Creating image posts for WeChat Moments
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日 更新

Map a mobile app journey across three or four phone frames in one HTML board. Simple gray content blocks, dashed arrows, numbered actions, and short annotations show how users move between screens before detailed visual design.

中文简介正在准备中。当前显示英语简介。

  • Mapping onboarding through the home screen
  • Reviewing the path from item details to confirmation
  • Discussing screen transitions before visual design
feimacode/open-design-agent-kit9972026年10月31日 更新

Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.

中文简介正在准备中。当前显示英语简介。

  • Create a website hero animation
  • Build generative art with a headline
  • Prototype a 3D scene or particle field
feimacode/open-design-agent-kit9972026年10月31日 更新

Create a desktop landing page wireframe, a simple layout made of grey boxes, with numbered markers and a matching specification panel. The result shows page structure alongside short implementation and user experience notes.

中文简介正在准备中。当前显示英语简介。

  • Planning a desktop landing page layout
  • Sharing implementation notes with developers
  • Reviewing navigation, hero, and feature placement
feimacode/open-design-agent-kit9972026年10月31日 更新

Research recent X/Twitter reactions to markets, companies, products, or communities. Produce a reusable Markdown briefing that groups supportive, critical, and neutral views, with citations, coverage details, and an assessment of overall sentiment.

中文简介正在准备中。当前显示英语简介。

  • Checking reactions to a product on X/Twitter
  • Comparing positive and negative views of a company or stock
  • Reviewing social reactions to a market event
feimacode/open-design-agent-kit9972026年10月31日 更新

Generates short, single-shot videos for product reveals, teasers, and ambient loops. Plans the subject, movement, and lighting, then saves an MP4 in the project folder using the selected model, duration, and aspect ratio.

中文简介正在准备中。当前显示英语简介。

  • Creating a short product reveal video
  • Generating a motion teaser
  • Making an ambient background loop
feimacode/open-design-agent-kit9972026年10月31日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)